类型

• 1.content-box 这类盒模型的宽度等于其内容的大小，padding和border的大小不会计入宽度之中。
• 2.border-box 这类盒模型的宽度等于其内容的大小加上padding和border的大小。在一般工作中往往使用这类盒模型。

margin合并处理

• 1.父子间合并 当父级与第一个子级或最后一个子级分别设置了margin属性时，往往会选取两者间较大值生效，解决方法可以加上padding-top属性或者border-top属性或者怕overflow：hidden。
• 2.同级标签合并 上面的标签的margin-bottom属性和下面标签的margin-top属性会合并，同样选取较大的属性值生效，一般解决方法是加入属性display：inline-block。