Copterfly's blog

第一种：是CSSER都知道的。下面是最简单的写法：

<style>
.clear {clear: both;}
</style>
<div class="clear"></div>

第二种：很少有人用，好像有些大站开始用了~

<style>
.box{clear:both;display:table;display:inline-block;    border: 2px solid #006699;}
.box2{border: 2px solid #FF0000;float: left;width: 100px;}
</style>
<div class="box">
<div class="box2>动清除浮动</div>
</div>

第三种：和第二种类似（像第二种的简化版）

<style>
.box{clear:both;display:inline-block; border: 2px solid #006699;background-color: #FFFFCC;}
.box2{border: 2px solid #FF0000;float: left;width: 100px;}
</style>
<div class="box">
<div class="box2">clear float....</div>
</div>

Trackbacks:     
分类：CSS & JS
浏览概况：评论:1 | 阅读:5370

« 上一篇：新年倒计时JS脚本

下一篇：用JS来切换CSS，很好很简单 »

 ||