br clear =“all”vs css解决方案

Question

我有一个div，它是float：left，在div之后是页面的其余部分。 为了保持股利低于页面的其余部分，我必须先放置

<br clear="all"> 

问：我如何在页面的其余部分定位浮动DIV下面？ 我认为我需要将页面的其余部分包装在一个新的div中，并将其浮动。但我倾向于尽可能远离花车。

Answer 1

的下一个项目，你可以使用样式clear:left。

另一种替代方法是在浮动元素的父级上设置overflow样式以使其包含它，如overflow:hidden。

Answer 2

我通常环绕浮动DIV另一个div风格overflow: auto

Answer 3

你已经浮动的div。添加下面的代码。

<div style='clear:both'></div> 

然后照常继续页面的其余部分。

Answer 4

创建一个类，并插入到CSS：

br.cb { clear: both; } 

插入到HTML：

<br class="cb"> 

这使得过去W3标记和CSS验证。