技术栈

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?测试平台的技术选型与架构蓝图
相关推荐
谢尔登
3 分钟前
为什么React 17开始无需在组件中引入React了?
前端·react.js·前端框架
ohyeah
4 分钟前
JavaScript 面向对象的本质:从对象模板到组合继承的完整演进
前端·javascript
Drift_Dream
10 分钟前
虚拟滚动:优化长列表性能的利器
前端
逃离疯人院
10 分钟前
前端性能深度解析:网络响应时间与实际渲染时间的鸿沟
前端
我是若尘
20 分钟前
🚀 深入理解 Claude Code:从入门到精通的能力全景图
前端
老前端的功夫
28 分钟前
Webpack 深度解析:从配置哲学到编译原理
前端·webpack·前端框架·node.js
重铸码农荣光
32 分钟前
🌟 Vibe Coding 时代:用自然语言打造你的专属 AI 单词应用
前端·vibecoding
MegatronKing
33 分钟前
SSL密钥协商导致抓包失败的原因分析
前端·https·测试
Kratzdisteln
36 分钟前
【TIDE DIARY 5】cursor; web; api-key; log
前端
Danny_FD
36 分钟前
使用docx库实现文档导出
前端·javascript
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03BongoCat - 跨平台键盘猫动画工具04安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)05本地部署阿里最新开源的Z-Image06Linux下V2Ray安装配置指南07【超详细教程】手把手教你从微软官网免费下载Windows 10官方原版ISO镜像(2025最新版)08Meta第三代“分割一切”模型——SAM 3本地部署教程:首支持文本提示分割,400万概念、30毫秒响应,检测分割追踪一网打尽09【保姆级教程】免费使用Gemini3的5种方法!免翻墙/国内直连10Labelme从安装到标注:零基础完整指南