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;
}
相关推荐
WYiQIU13 小时前
11月面了7.8家前端岗,兄弟们12月我先躺为敬...
前端·vue.js·react.js·面试·前端框架·飞书
谢尔登13 小时前
简单聊聊webpack摇树的原理
运维·前端·webpack
娃哈哈哈哈呀13 小时前
formData 传参 如何传数组
前端·javascript·vue.js
zhu_zhu_xia14 小时前
vue3+vite打包出现内存溢出问题
前端·vue
tsumikistep15 小时前
【前后端】接口文档与导入
前端·后端·python·硬件架构
行走的陀螺仪15 小时前
.vscode 文件夹配置详解
前端·ide·vscode·编辑器·开发实践
2503_9284115616 小时前
11.24 Vue-组件2
前端·javascript·vue.js
Bigger16 小时前
🎨 用一次就爱上的图标定制体验:CustomIcons 实战
前端·react.js·icon
谢尔登16 小时前
原来Webpack在大厂中这样进行性能优化!
前端·webpack·性能优化
cypking17 小时前
Vue 3 + Vite + Router + Pinia + Element Plus + Monorepo + qiankun 构建企业级中后台前端框架
前端·javascript·vue.js