技术栈

css 左右布局

筱歌儿2025-05-16 15:43

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;
}
上一篇:spark基本介绍
下一篇:【专栏启动】开篇:为什么是 Django + Vue3?测试平台的技术选型与架构蓝图
相关推荐
西陵
29 分钟前
Nx带来极致的前端开发体验——任务编排
前端·javascript·架构
大前端helloworld
36 分钟前
从初中级如何迈入中高级-其实技术只是“入门卷”
前端·面试
东风西巷
2 小时前
Balabolka:免费高效的文字转语音软件
前端·人工智能·学习·语音识别·软件需求
萌萌哒草头将军
2 小时前
10个 ES2025 新特性速览!🚀🚀🚀
前端·javascript·vue.js
半夏陌离
2 小时前
SQL 入门指南:排序与分页查询(ORDER BY 多字段排序、LIMIT 分页实战)
java·前端·数据库
whysqwhw
3 小时前
鸿蒙工程版本与设备版本不匹配
前端
gnip
3 小时前
http缓存
前端·javascript
我不只是切图仔
3 小时前
我只是想给网站加个注册验证码,咋就那么难!
前端·后端
该用户已不存在
4 小时前
macOS是开发的终极进化版吗?
前端·后端
热门推荐
012025 年高教社杯全国大学生数学建模竞赛C 题 NIPT 的时点选择与胎儿的异常判定 完整成品思路模型代码分享,全网首发高质量!!!022025年数学建模国赛C题超详细解题思路03UV安装并设置国内源042025全国大学生数学建模C题保姆级思路模型(持续更新):NIPT 的时点选择与胎儿的异常判定05不再让Windows更新!&Edge游戏助手卸载及关闭自动更新062025高教社杯国赛数学建模选题建议+初步分析07KGG转MP3工具|非KGM文件|解密音频082025国赛B题保姆级教程思路分析 碳化硅外延层厚度的确定09教你如何认证 Gemini 教育优惠的二次验证,薅个 1年的 Gemini Pro 会员10jdk21下载、安装(Windows、Linux、macOS)