嗷嗷答 - 嗷嗷好的公务员考试网络答题平台

float后的清除（clear)元素margin-top问题

作者：不烦恼 发布时间：May 15, 2011 分类：快乐学习 评论：0 

  1. <div id="1" style="float:left;">11111</div><div id="2" style="float:left;">22222</div>
  2. <div id="3" style="clear:both; margin-top:50px;">33333</div>

如果想让ID3的MARGIN-TOP50PX生效：
1、设置ID1和ID2的MARGIN-BOTTOM:50PX;或ID3的MARGIN-TOP:50PX;IE正常FF无效。
2、设置ID3:PADDING-TOP:50PX;FF正常，IE出现类似双倍BUG（大于50PX）
3、
  1. <div id="1" style="float:left;">11111</div><div id="2" style="float:left;">22222</div><div style="clear:both;></div><div id="3" margin-top:50px;">33333</div>
IE和FF均正常，但出现了无用元素。
4、
  1. <div id="1" style="float:left;">11111</div><div id="2" style="float:left;">22222</div>
  2. <div id="3" style="clear:both; padding-top:50px; width:100%;">33333</div>
指定width后，IE和FF均正常，完美解决。

    1. 1