如何让父亲div的子元素有固定的宽度？

可以通过给子元素设置固定宽度的样式来实现，例如：

HTML 代码：

CSS 代码：

.parent { width: 300px; height: 200px; background-color: #eee; padding: 20px; }

.child { width: 100px; /* 子元素的固定宽度 */ height: 50px; background-color: #ccc; }

本文内容通过AI工具匹配关键字智能整合而成，仅供参考，火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见，您可以通过联系service@volcengine.com进行反馈，火山引擎收到您的反馈后将及时答复和处理。

展开更多

开发者特惠

面向开发者的云福利中心，ECS 60元/年，域名1元起，助力开发者快速在云上构建可靠应用

ECS首年60元

社区干货

即`页面绘制区域可以完美适配设备宽度的视口大小`,不需要出现滚动条即可正常查看网站的所有内容,且文字图片清晰。这也是我们为什么需要使用viewport的原因。![kkk.jpg](https://p1-juejin.byteimg.com/tos-cn-i... 有很多种,这里简单介绍3种布局方式:##### flex弹性布局(最常用)介绍:采用 Flex 布局的元素,称为 `Flex Container`。它的所有子元素自动成为容器成员,称为`Flex Item`。最大的作用就是:通过给父亲添加flex属性...

特惠活动

域名注册服务

cn/top/com等热门域名，首年低至1元，邮箱建站必选

￥1.00/首年起32.00/首年起

立即购买

DCDN国内流量包100G

同时抵扣CDN与DCDN两种流量消耗，加速分发更实惠

￥2.00/年20.00/年

立即购买