为了账号安全,请及时绑定邮箱和手机立即绑定

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

在11-5“什么是盒模型”的教学视频里面说,元素的宽度=左边框+左内边距+内容宽+右内边距+右边框。为什么现在又说要再加上左右外边距?http://img1.sycdn.imooc.com//5a29f02b0001fdb308850572.jpg

正在回答

4 回答

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

因此一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。http://img1.sycdn.imooc.com//5a2a076a00018ed005580261.jpg

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

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

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

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

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

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

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
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信