面试问题:如何理解盒子模型？

1)盒子模型有两种，W3C和IE盒子模型。

1和W3C定义的盒子模型包括边距、边框、填充和内容，元素的宽度等于width=content。

2.IE box模型和W3C box模型唯一的区别就是元素的宽度，宽度=边框+填充+内容。

2)对盒子模型的理解

IE定义的盒子模型是合理的，所以在css3中增加了一个新的盒子大小，它包含两个属性:content-box和border-box。

Width =内容框元素(1)的内容。

(2)border-box元素的宽度=边框+填充+内容。

3)更多的理解

？对于行内元素，margin-top/margin-bottom对于上下元素无效，margin-left/margin-right有效。

？对于相邻的块级元素，margin-top和margin-bottom按照一定的规则叠加。

(1)都是整数，边距值是两者的最大值。

(2)边距值均为负值，取最小值。

(3)正负相反，边距值为二者之和。

进一步说，是bfc的理解。