html - CSS 三栏布局——清除浮动

Question

可能重复：
为什么这很清楚：两者都在全球范围内行动？

我在 alistapart 上以三列布局为例：http ://www.alistapart.com/d/negativemargins/ex5.htm ，但是当我尝试使用“clear：left”样式制作一个框时：<p style='clear:left;'>Lorem ... arcu.</p> 内容框下方跳到左列下方。屏幕：错误演示（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>

Answer 1

解决了：

#main {overflow: hidden;}

或者

#main {overflow: auto;}

感谢： 为什么这很清楚：两者都在全球范围内行动？