在11-5“什么是盒模型”的教學視頻里面說，元素的寬度=左邊框+左內邊距+內容寬+右內邊距+右邊框。為什么現在又說要再加上左右外邊距？
在11-5“什么是盒模型”的教學視頻里面說，元素的寬度=左邊框+左內邊距+內容寬+右內邊距+右邊框。為什么現在又說要再加上左右外邊距？
杜若清歡
2017-12-08
4 回答
舉報
0/150
提交
取消
2017-12-08
盒模型寬度和高度和我們平常所說的物體的寬度和高度理解是不一樣的，css內定義的寬（width）和高（height），指的是填充以里的內容范圍。
因此一個元素實際寬度（盒子的寬度）=左邊界+左邊框+左填充+內容寬度+右填充+右邊框+右邊界。
2018-04-28
為什么內容會有寬度這種奇葩的東西
2017-12-08
設置了外邊距，則寬度就要加上，沒設置外邊距他就不用加上。
2017-12-08
元素的實際寬度（盒子的寬度）=左邊界+左邊框+左填充+內容寬度+右填充+右邊框+右邊界
div{padding：20px 10px 15px 30px;} 這是填充的上右下左順序來的
div{margin：20px 10px 15px 30px;}這是邊界的上右下左順序來的