骑士vs勇士第三场腾讯:

这个是什么用的，什么时候才用这个

作用是清除浮动,如果你的这个div标签上面有元素设置float:,下面的DIV就需要设置clear这样的话你的排版才能正常显示

clear:both 是用于清除浮动比如
解释下1个框框里有2个框框，一个在左边 一个在右边，然后把这个2个框框套住的这个外围框框就需要clear:both


clear:both在DIV+CSS页面中具体应用及说明 
 
在开发中，Html代码中，肯定能经常看”
”这样的代码，但是你真的能明白它是做什么用的吗？如：
    
TEST DIV
    
 你可以将此部分代码放到一个HTML页面看看效果，然后在去掉”
”看一下效果,就知道这句话的作用了。 如图： （1）有clear:both的：

 （2）无clear:both的

  这样看，应该就一目了然了：原来后边的Clear:both;其实就是利用清除浮动来把外层的div撑开，所以有时候，我们在将内部div都设置成浮动之后，就会发现，外层div的背景没有显示，原因就是外层的div没有撑开，太小，所以能看到的背景仅限于一条线。 但这种办法就是最好了的吗？我这么说，当然答案就不是了。可以采用通过Hack实现： 
    
        TEST DIV
 看完解决办法，咱们来看里边的原理：（1）、首先是利用:after这个伪类来兼容FF、Chrome等支持标准的浏览器。:after伪类IE不支持，它用来和content属性一起使用设置在对象后的内容，例如：a:after{content:"(link)";}这个CSS将会让a标签内的文本后边加上link文本文字。 （2）、利用“* html”这个只有IE6认识的选择符，设置缩放属性“zoom: 1;”实现兼容IE6。（3）、利用“*:first-child + html”这个只有IE7认识的选择符，设置缩放属性“zoom: 1;”实现兼容IE7。