css 左右布局

1、左右布局

根据右侧内容调整左侧大小

css 复制代码
.box{
display: grid; grid-template-columns: 375px 1fr;
}
.img{
    height: 240px;
    background-image: url('你的图片链接');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.content{
text-align: justify;
}
相关推荐
程序员码歌2 分钟前
短思考第268天,自媒体路上的4大坑点,很多人都踩过
android·前端·ai编程
黎明初时7 分钟前
React基础框架搭建5-路由配置:react+router+redux+axios+Tailwind+webpack
前端·react.js·webpack
遗憾随她而去.26 分钟前
前端竞态问题
前端
代码游侠33 分钟前
应用——Web服务器项目代码解析
运维·服务器·开发语言·前端·笔记·html
C_心欲无痕1 小时前
网络相关 - 常用命令详解Telnet、Ping 及其他实用工具
前端·网络
JarvanMo1 小时前
没有人比我更懂Flutter第三方依赖鸿蒙化了之Sqflite
前端
子洋2 小时前
AI Agent 设计模式 - PlanAndExecute 模式
前端·人工智能·后端
web小白成长日记2 小时前
自定义 Hooks 的用法和意义详解(结合案例)
前端·css·面试·职场和发展·前端框架
小鸡脚来咯2 小时前
前端传输的数据格式的选择
java·开发语言·前端·后端
小二·2 小时前
【万字源码级剖析】深入理解 Vue 3 响应式系统:ref、reactive、computed 与 effect 的底层实现
前端·javascript·vue.js