                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)

在11-5“什么是盒模型”的教学视频里面说，元素的宽度=左边框+左内边距+内容宽+右内边距+右边框。为什么现在又说要再加上左右外边距？

在11-5“什么是盒模型”的教学视频里面说，元素的宽度=左边框+左内边距+内容宽+右内边距+右边框。为什么现在又说要再加上左右外边距？

杜若清欢

2017-12-08

源自：初识HTML(5)+CSS(3) 12-7

关注问题我要回答

1948

操作

收起

4 回答

那_个秋天回答被采纳 +2 积分
2017-12-08

盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的，css内定义的宽（width）和高（height），指的是填充以里的内容范围。

因此一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。

1 回复有任何疑惑可以回复我~

慕瓜7073846
2018-04-28

为什么内容会有宽度这种奇葩的东西

0 回复有任何疑惑可以回复我~

视频的另一端
2017-12-08

设置了外边距，则宽度就要加上，没设置外边距他就不用加上。

2 回复有任何疑惑可以回复我~

mirzat666
2017-12-08

元素的实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界

div{padding：20px 10px 15px 30px;} 这是填充的上右下左顺序来的

div{margin：20px 10px 15px 30px;}这是边界的上右下左顺序来的

1 回复有任何疑惑可以回复我~

#1

weibo_郑少Z丶Y_0

15px 和30px是咋样来的

2018-05-26 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)

参与学习 1229677 人
解答问题 19084 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

3 回答关于左右边距

10 回答明明设置的是上下左右10px的内边距，为什么距离不一样？

2 回答内外边距？

1 回答为什么还有左外边距？

1 回答box1左边边距的疑问

搜索更多本课相关问答

在11-5“什么是盒模型”的教学视频里面说，元素的宽度=左边框+左内边距+内容宽+右内边距+右边框。为什么现在又说要再加上左右外边距？

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号