当前位置: 代码迷 >> Web前端 >> 元素的Margin堆叠
  详细解决方案

元素的Margin堆叠

热度:139   发布时间:2012-10-30 16:13:36.0
元素的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 ?就是另外两种情况

?

?

?