基础必备之margin

（1）关于margin重叠，只发生在块元素上

• 发生折叠需要是相邻的非浮动元素；
• 折叠发生在垂直外边距上，即margin-top/margin-bottom；
• 折叠后取其中最大的那个margin值作为最终值；
• 在水平书写模式下，发生 margin 折叠的是垂直方向，即 margin-top/margin-bottom，在垂直书写模式下，margin 折叠发生在水平方向上，即 margin-right/margin-left

（2）margin的百分比数值都是相对于父容器的宽度来计算的

绝对定位元素的margin百分比数值是相对于第一个定位祖先元素（relative,absolute,fixed）的宽度来计算的

经典应用，圣杯布局