元素的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 ?就是另外两种情况

?

?

?