清楚浮动最好用的方法，兼容各浏览器

一直很自信  自己的兼容浮动最简单最时尚，殊不知竟然是不完美的。。。。。

于是今天就写一个完美的吧

css伪类法

<div class="clearfix">

<div class="left"></div>

<div class="right"></div>

</div>

<style>

.clearfix::after,.clearfix::before{

content:".";

display:block;

height:0;

visibility:hidden;

clear:both

}

数一下我的不完美的写法;

在浮动的后面增加一个空的div

<div class="clear"></div>

.clear{

width:0;height:0

overflow:hidden;

clear:both;

zoom:1;

}

</style>