盒模型 margin 相关知识点

 

属性值的4种方式： 

四个值：上  右  下  左 

三个值：上  左右  下 

二个值：上下  左右 

一个值：四个方向

margin问题：

（1）margin-top问题

        原因：给父元素下第一个子元素加了margin-top，会默认添加到父元素，导致整个父元素下降

         解决方法：

1. 给父元素添加overflow:hidden;

2. 给父元素添加盒模型相关属性（border） 

3. 给其中一个元素浮动

（2）margin上下重叠(取最大的margin值)

        原因：BFC（块级格式化上下文）规则

注意：margin可以写负值