CSS盒子模型

注意：边距不计入框的实际大小-当然，它会影响框在页面上所占的总空间，而仅影响框外的空间。框的区域在边界处停止-不会延伸到边缘。

如果您有两个边距相接的元素，且两个边距均为正，则这些边距将合并为一个边距，即最大单个边距的大小。如果一个或两个边距均为负数，则负值的数量将从总数中减去。

padding位于边框和内容区域之间。与边距不同，您不能有负的填充量，因此该值必须为0或正值。应用于元素的任何背景将显示在填充的后面，通常用于将内容推离边框。

box-sizing属性

传统的盒子模型：

当你设置一个元素为 box-sizing: border-box; 时，此元素的内边距和边框不再会增加它的宽度。