技术栈

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?测试平台的技术选型与架构蓝图
相关推荐
人工智能训练
2 小时前
【极速部署】Ubuntu24.04+CUDA13.0 玩转 VLLM 0.15.0:预编译 Wheel 包 GPU 版安装全攻略
运维·前端·人工智能·python·ai编程·cuda·vllm
会跑的葫芦怪
3 小时前
若依Vue 项目多子路径配置
前端·javascript·vue.js
pas136
5 小时前
40-mini-vue 实现三种联合类型
前端·javascript·vue.js
摇滚侠
5 小时前
2 小时快速入门 ES6 基础视频教程
前端·ecmascript·es6
珑墨
6 小时前
【Turbo】使用介绍
前端
军军君01
7 小时前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three
打小就很皮...
8 小时前
Tesseract.js OCR 中文识别
前端·react.js·ocr
wuhen_n
8 小时前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon
8 小时前
理解vue中的ref
前端·javascript·vue.js
落霞的思绪
10 小时前
配置React和React-dom为CDN引入
前端·react.js·前端框架
热门推荐
01GitHub 镜像站点02Clawdbot 中文汉化版 接入微信、飞书03OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)04OpenClaw部署与配置教程:在Mac mini上接入国产大模型与飞书05Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services06UV安装并设置国内源072026美赛A题智能手机电池续航时间预测的连续时间数学模型08在Trae中使用Pencil MCP09Claude Code Skills 实用使用手册10Linux下V2Ray安装配置指南