在11-5“什么是盒模型”的教学视频里面说,元素的宽度=左边框+左内边距+内容宽+右内边距+右边框。为什么现在又说要再加上左右外边距?
盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的,css内定义的宽(width)和高(height),指的是填充以里的内容范围。
因此一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。
为什么内容会有宽度这种奇葩的东西
设置了外边距,则宽度就要加上,没设置外边距他就不用加上。
元素的实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界
div{padding:20px 10px 15px 30px;} 这是填充的上右下左顺序来的
div{margin:20px 10px 15px 30px;}这是边界的上右下左顺序来的