回答问题的时候要整理思路,也就是你的思考方式是怎么样的?
1) 盒模型有两种,W3C 和IE 盒子模型
1、W3C定义的盒模型包括margin、border、padding、content,元素的宽度width=content的宽度
2、IE盒模型与W3C盒模型的唯一区别就是元素的宽度,元素的width=border + padding + content
2) 对盒模型的理解
IE定义的盒模型较为合理,所以在css3中新增了box-sizing,包含两个属性content-box和border-box。
(1) content-box 元素的width = content
(2)border-box 元素的width = border + padding + content
3)更多理解
对于行内元素 margin-top/margin-bottom对于上下元素无效,margin-left/margin-right有效
对于相邻的块级元素margin-top和margin-bottom两者叠加按照一定的规则
(1) 都是整数 margin值取两者的最大值
(2) 都是负数 margin值取最小值
(3)两者正负相反,margin值取两者之和
再往深的说就是bfc的理解了。