CSS三列布局 - 清除浮动

时间:2012-09-19 10:44:36

标签: html css clear

  

可能重复:
  Why is this clear:both acting globally?

我在alistapart:http://www.alistapart.com/d/negativemargins/ex5.htm上有三列布局作为示例,但是当我尝试使用“clear:left”样式创建一个框时:<p style='clear:left;'>Lorem ... arcu.</p> 框下方的内容跳到左栏下方。屏幕:bug demonstration(chrome,firefox,...)。

解决这个问题的最佳方法是什么?

<h1>content</h1>
                <p style="float:left;">sdfsf</p>
<p style="clear:left">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Phasellus varius eleifend tellus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nulla facilisi. Sed wisi lectus, placerat nec, mollis quis, posuere eget, arcu.</p>

1 个答案:

答案 0 :(得分:0)

解决:

#main {overflow: hidden;}

OR

#main {overflow: auto;}

感谢: Why is this clear:both acting globally?