元素的Margin重叠

元素的Margin重叠

 了解一下重叠规则：

 

1.水平Margin不重叠

2.浮动元素上下不重叠 （float）

3. 飘动元素上下margin 不重叠 (position)

4.常规折行上下margin重叠

 

例：浮动元素上下不重叠 （float）/ 飘动元素上下margin 不重叠 (position)

#wrapper{

     width:500px;

}

#wrapper p{

width:100px;margin:50px;float:left;border:1px red solid;

}

如果去掉float  就是另外两种情况