在11-5“什么是盒模型”的教学视频里面说，元素的宽度=左边框+左内边距+内容宽+右内边距+右边框。为什么现在又说要再加上左右外边距？
来源：12-7 长胖长高点--宽度和高度
杜若清欢
2017-12-08 09:52
在11-5“什么是盒模型”的教学视频里面说，元素的宽度=左边框+左内边距+内容宽+右内边距+右边框。为什么现在又说要再加上左右外边距？
写回答
关注
4回答
-
- 那_个秋天
- 2017-12-08 11:31:08
盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的，css内定义的宽（width）和高（height），指的是填充以里的内容范围。
因此一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。
-
- 慕瓜7073846
- 2018-04-28 14:37:26
为什么内容会有宽度这种奇葩的东西
-
- 视频的另一端
- 2017-12-08 12:08:46
设置了外边距，则宽度就要加上，没设置外边距他就不用加上。
-
- mirzat666
- 2017-12-08 11:05:25
元素的实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界
div{padding：20px 10px 15px 30px;} 这是填充的上右下左顺序来的
div{margin：20px 10px 15px 30px;}这是边界的上右下左顺序来的
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225294 学习 · 18230 问题
相似问题