技术栈

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?测试平台的技术选型与架构蓝图
相关推荐
云水一下
7 小时前
TypeScript 从零基础到精通(五):高级类型与泛型
前端·javascript·typescript
counterxing
7 小时前
vibe coding 之后,我更不想打字了
前端·agent·ai编程
copyer_xyf
7 小时前
Python 模块与包的导入导出
前端·后端·python
研☆香
7 小时前
es6新特性功能介绍(四)
前端·ecmascript·es6
微扬嘴角
7 小时前
React篇1--JSX语法规则、组件、组件实例的3大特性
前端·react.js·前端框架
copyer_xyf
8 小时前
Python venv 虚拟环境
前端·后端·python
无聊的老谢
8 小时前
Vue 3 + TypeScript 构建大型电信运维平台的前端架构设计
前端·vue.js·typescript
xiaofeichaichai
8 小时前
Map / Set / WeakMap / WeakSet
前端·javascript
李可以量化
8 小时前
成交量的终极量化策略:价量共振指标完整实现(下篇)
前端·数据库·人工智能
copyer_xyf
9 小时前
Python 如何同时做很多事:进程、线程、协程
前端·后端·python
热门推荐
01GitHub 镜像站点02Codex 下载安装指南:Windows 和 macOS 官方版下载03【AI】2026 年具身智能模型和世界模型总结042026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf05Codex 桌面端更新后 Chrome 插件和 Computer Use 不可用,怎么排查和修复06CC-Switch 下载、安装与使用配置指南【2026.5.29】07【踩坑记录 | 第一篇】微软商店无法使用时,如何手动安装 OpenAI Codex?附`.msix`文件系统错误解决方法08CC-Switch & Claude 基于 Linux 服务器安装使用指南09Codex 接入 DeepSeek API 完整配置文档10裂开!ChatGPT 居然开始要手机号验证,附详细解决方法