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;
}
相关推荐
2022.11.7始学前端8 小时前
n8n第十节 把Markdown格式的会议纪要发到企微
前端·chrome·n8n
fruge9 小时前
Lodash 源码精读:防抖节流的实现细节与边界场景
前端
yuzhiboyouye9 小时前
怎么熟悉一个web前端项目的业务呢?
前端
GISer_Jing9 小时前
AI在前端营销和用户增长领域应用(待补充)
前端·人工智能
橘子海全栈攻城狮9 小时前
【最新源码】基于springboot的会议室预订系统设计与实现 014
java·开发语言·前端·spring boot·后端·spring·自动化
1024肥宅9 小时前
前端常用模式:提升代码质量的四大核心模式
前端·javascript·设计模式
carry杰9 小时前
nacos bootstrap.yml 动态配置开发测试线上模式
前端·bootstrap·html
少年张二狗9 小时前
Vue + Element-UI 图片上传实现拖拽排序功能
前端·vue.js·ui
我又来搬代码了10 小时前
【Android】【Compose】Compose知识点复习(一)
android·前端·kotlin·android studio
哆啦A梦158810 小时前
【vue实战】商城后台管理系统 01 项目介绍
前端·javascript·vue.js