关于盒子模型的 http://www.imooc.com/video/1331/0 这个视频最后没看懂

最后没看懂，谁能解答一下，为什么content宽度设置成740 背景图也是740宽，却还是有空隙？这个空隙是谁和谁之间的空隙？为什么把默认padding和mr清零，把content宽度改成700就对上了呢.。。。。。。

Obituary

2016-11-10

源自：网页布局基础 2-2

关注问题我要回答

385

操作

收起

2 回答

槐花开
2016-12-07

我来告诉你真相：女老师最后的讲解是有问题的。首先纠正下你的问题，该视频中div和背景图的宽度都是770px。

那么为什么都是770px，还会有空隙，因为div的宽度是盒子模型中content的宽度，而背景图片会填充padding+content 所以图片左边贴着边框。左padding 15px+content 770px+右padding 15px ，也就是左边框和有边框的距离是800px，而图片的宽度是770px，所有图片和有边框之间有30px的间隙。