Question

为什么我的CSS Div被撑大了？请教高手指导，见图，设置大小都是一样的。

Answer 1

因为 b 的总宽度是 ： width + padding-left = 100 + 40 = 140; background-color 会包括padding

追问

Padding 不是指内容b到Div-B的间距吗？

追答

padding 代表内边距（内部填充），是width 和height所固定的空间算做内容，padding是内容 和边框之间的区域。之所以看起来 b 要宽些，是因为
background-color ，这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。

追问

没明白？能否画个图说明下啊，感谢你！