br清浮动的原理与clear:both的兼容

HTML5学堂：在实现清浮动的方法当中，有这样两种方法——clear:both清浮动和br标签清浮动。对于这两种方法，前者是用来清除兄弟级元素浮动的，也是很常用的一种方法；后者是比较特殊的用法，不推荐使用其进行浮动的清除。两种方法都多多少少存在一定问题的，一起来看一下吧~

br清浮动

在进行清浮动的讲解当中，我们提到过使用br清浮动的方法，但是我们并没有介绍br标签清除浮动的原理。在此特意补充一下：br标签存在一个属性：clear。这个属性就是能够清除浮动的利器，在br标签中设置属性clear，并赋值all。即能清除掉浮动。代码如下：

1. <br clear="all" />

对于清除浮动方法不清晰的同学可以查看《如何清除浮动》这篇文章。

clear:both的兼容问题

一直都在用clear:both，但是貌似很少人了解这个属性的兼容问题。在IE6和IE7浏览器当中，是不兼容clear:both的。处理兼容的方法是使用hack技术，在样式代码中增加*float:none;这句代码。

相关文章推荐

position 定位的基本知识

浮动元素的基本特性

为何要清除浮动

如何清除浮动

欢迎沟通交流~HTML5学堂