關于盒子模型的 http://www.xianlaiwan.cn/video/1331/0 這個視頻最后沒看懂

最后沒看懂，誰能解答一下，為什么content寬度設置成740 背景圖也是740寬，卻還是有空隙？這個空隙是誰和誰之間的空隙？為什么把默認padding和mr清零，把content寬度改成700就對上了呢.。。。。。。

Obituary

2016-11-10

源自：網頁布局基礎 2-2

關注問題我要回答

448

操作

收起

2 回答

槐花開
2016-12-07

我來告訴你真相：女老師最后的講解是有問題的。首先糾正下你的問題，該視頻中div和背景圖的寬度都是770px。

那么為什么都是770px，還會有空隙，因為div的寬度是盒子模型中content的寬度，而背景圖片會填充padding+content 所以圖片左邊貼著邊框。左padding 15px+content 770px+右padding 15px ，也就是左邊框和有邊框的距離是800px，而圖片的寬度是770px，所有圖片和有邊框之間有30px的間隙。