Web前端基础知识（五）——margin外边距合并

如何计算margin

• 两个margin都是正值的时候，取两者的最大值；
• 当 margin 都是负值的时候，取的是其中绝对值较大的，然后，从0位置，负向位移；
• 当有正有负的时候，先取出负 margin 中绝对值中最大的，然后，和正 margin 值中最大的 margin 相加；
• 只有普通文档流中块框的垂直外边距才会发生外边距合并，行内框，浮动框或者绝对定位框之间的外边距不会发生合并。

父子元素的外边距合并

当一个div套在另一个div里的时候，两个div都会有margin的属性，必须在外层div添加border属性或者处理为不同的BFC，这样才不会出现外边距合并，如果不做处理，就会出现外边距合并现象。
对外层div设置以下属性可生成BFC：

float: left | right;
overflow: hidden | auto | scroll;
display: table-cell | table-caption | inline-block;
position: