通过br、div空标签 清除浮动的方法clear:both

来自Dreamweaver某个模版里的原文,非常巧妙的使用浮动 清除方法。

清除浮动方法

由于所有列都是浮动的,因此,此布局在脚注规则中采用 clear:both 声明。此清除方法强制使 .container 了解列的结束位置,以便显示在 .container 中放置的任何边框或背景颜色。如果您的设计要求您从 .container 中删除脚注,则需要采用其它清除方法。最可靠的方法是在最后一个浮动列之后(但在 .container 结束之前)添加

清除浮动样式表

1
.clearfloat {clear: both;}

方式一,通过br清除浮动

1
<br class="clearfloat" />

方式二,通过div空标签清除浮动

1
<div class="clearfloat"></div>

这具有相同的清除效果。