一、盒模型的种类
box-sizing:
- border-box
height/width=border+padding+content-height/width(内容高度或宽度)
- content-box
height/width=content-height/width
二、margin合并问题
注：（讨论的是竖直边距，水平边距不会合并）
① ：两个或多个块级元素之间，margin的取值为每两个元素中外边距的最大值。
margin=max(margin1,margin2)
② : 父元素与其子元素之间，只会与第一个子元素和最后一个子元素发生合并，但以下有两种情况：
第一种：父元素无border，合并后的margin同样为两个中的最大margin。
第二种：父元素有border，由于子元素的margin会被父元素的border限制在border里面，因此不会发生合并。
三、父子元素margin合并问题的解决
- 外层元素用padding属性
- 外层元素用border属性
- 外层元素用overflow：hidden
