CSS实现清除浮动的方法

作者

我们在编写代码的时候是不是都会发现浏览器中有浮动呢？那么你知道css要怎么清除浮动吗？接下来我们就跟随爱站小编一起去看看CSS实现清除浮动的方法吧。

在写HTML代码的时候，发现在Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。看下面的例子：

HTML4STRICT代码：


  1. style=
    “width:200px;border:1px solid red;”
    >

  2.    


    style=
    “float:left;width:80px;height:80px;border:1px solid blue;”
    >TEST DIV

  3.    


    style=“float:left;width:80px;height:80px;border:1px solid blue;”>TEST DIV

  4.    


    style=“float:left;width:80px;height:80px;border:1px solid blue;”>TEST DIV

  5.    


    style=“float:left;width:80px;height:80px;border:1px solid blue;”>TEST DIV

  6.  


    style=“float:left;width:80px;height:80px;border:1px solid blue;”>TEST DIV