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;
}
相关推荐
少卿7 小时前
Next.js 国际化实现方案详解
前端·next.js
掘金挖土7 小时前
手摸手快速搭建 Vue3 + ElementPlus 后台管理系统模板,使用 JavaScript
前端·javascript
CoderHing7 小时前
告别 try/catch 地狱:用三元组重新定义 JavaScript 错误处理
前端·javascript·react.js
一念之间lq7 小时前
Elpis 第三阶段· 领域模型架构建设
前端·后端
哆啦A梦15887 小时前
商城后台管理系统 01 Vue-i18n国际化
前端·javascript·vue.js
期待のcode7 小时前
Vue的安装创建与运行
前端·javascript·vue.js
百锦再7 小时前
国产数据库的平替亮点——关系型数据库架构适配
android·java·前端·数据库·sql·算法·数据库架构
旺仔Sec7 小时前
2025年海南省职业院校技能大赛“应用软件系统开发“赛项竞赛样题
前端·应用软件系统开发
FakeOccupational7 小时前
【树莓派 002】 RP2040 实现示波器 PIO来驱动 ADC10080 并抓取数据方案+ 内置12-bitADC&DMA&网页前端可视化方案
前端