来自Dreamweaver某个模版里的原文,非常巧妙的使用浮动 清除方法。
清除浮动方法
由于所有列都是浮动的,因此,此布局在脚注规则中采用 clear:both 声明。此清除方法强制使 .container 了解列的结束位置,以便显示在 .container 中放置的任何边框或背景颜色。如果您的设计要求您从 .container 中删除脚注,则需要采用其它清除方法。最可靠的方法是在最后一个浮动列之后(但在 .container 结束之前)添加
清除浮动样式表
1 | .clearfloat {clear: both;} |
方式一,通过br清除浮动
1 | <br class="clearfloat" /> |
方式二,通过div空标签清除浮动
1 | <div class="clearfloat"></div> |
这具有相同的清除效果。
Relay Tips: 一极乐( https://yijile.com/log/115/ )