技术栈

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?测试平台的技术选型与架构蓝图
相关推荐
阿基米东
1 分钟前
从嵌入式到前端的探索之旅,分享 5 个开源 Web 小工具
前端·javascript·github
hxjhnct
2 分钟前
响应式布局有哪些?
前端·html·css3
LYFlied
4 分钟前
【每日算法】LeetCode215. 数组中的第K个最大元素
前端·算法
怎么就重名了
4 分钟前
Kivy的KV语言总结
前端·javascript·html
jqq666
4 分钟前
解析ElementPlus打包源码(四、打包主题)
前端·javascript·vue.js
代码猎人
6 分钟前
类数组对象是什么,如何转化为数组
前端
duanyuehuan
6 分钟前
js 解构赋值
开发语言·前端·javascript
进击的野人
7 分钟前
Vue3 响应式系统深度解析:从原理到实践
前端·vue.js·前端框架
计算机程序设计小李同学
7 分钟前
汽车4S店管理系统设计与实现
前端·spring boot·学习
SoraYama
8 分钟前
🚀 TypeScript 5.9:import defer 来袭
前端·typescript
热门推荐
01GitHub 镜像站点02安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)03手把手教你通过Gemini3 pro 学生认证,白用一年,手慢无!04Linux下V2Ray安装配置指南05Labelme从安装到标注:零基础完整指南06jdk21下载、安装(Windows、Linux、macOS)07UV安装并设置国内源08【踩坑笔记】50系显卡适配的 PyTorch 安装09GitLab 零基础入门指南:从安装到项目管理全流程102025-04-03 Latex学习1——本地配置Latex + VScode环境