技术栈

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?测试平台的技术选型与架构蓝图
相关推荐
雪碧聊技术
9 分钟前
深入解析Vue中v-model的双向绑定实现原理
前端·javascript·vue.js·v-model
快起来别睡了
11 分钟前
手写 Ajax 与 Promise:从底层原理到实际应用
前端
打不着的大喇叭
1 小时前
uniapp的光标跟随和打字机效果
前端·javascript·uni-app
无我Code
1 小时前
2025----前端个人年中总结
前端·年终总结·创业
程序猿阿伟
1 小时前
《前端路由重构:解锁多语言交互的底层逻辑》
前端·重构
Sun_light
1 小时前
6个你必须掌握的「React Hooks」实用技巧✨
前端·javascript·react.js
爱学习的茄子
1 小时前
深度解析JavaScript中的call方法实现:从原理到手写实现的完整指南
前端·javascript·面试
莫空0000
1 小时前
Vue组件通信方式详解
前端·面试
呆呆的心
1 小时前
揭秘 CSS 伪元素:不用加标签也能玩转出花的界面技巧 ✨
前端·css·html
susnm
1 小时前
Dioxus 与数据库协作
前端·rust
热门推荐
01集群聊天服务器---MySQL数据库的建立02GPU 进阶笔记(二):华为昇腾 910B GPU03Coze扣子平台完整体验和实践(附国内和国际版对比)04使用Ruby接入实时行情API教程05Word粘贴时出现“运行时错误53,文件未找到:MathPage.WLL“的解决方案06扣子(coze)实战|我用扣子搭建了一个自动分析小红薯笔记内容的AI应用|详细步骤拆解07基于odoo17的设计模式详解---装饰模式08扣子空间的使用教程与大模型技术思考09DeepSeek各版本说明与优缺点分析10Everything文件检索工具 几秒检索几百G的文件