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