清理浮动 浏览器兼容 css

.wrapper{float:left;}

.left{float:left;}

.middle{float:left;}

.right{float:right;}

<div class="wrapper">

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

 

<div class="middle"></div>

 

<div style="clear:right"></div> 

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

</div>

 

在做dhtml的时候，页面通常是分为左中右显示的

如果，左边，中间都是左浮动，右边是右浮动，像上面的情况，在右浮动前面通常是需要清理右浮动的。

如果不清理右浮动，右面的div里面的内容是不会正常显示的。

这两天老遇到这种问题，做个小计，不知道其他朋友是怎么处理这种情况的