股墓山庄

专注于AS3,JavaScript 每天一点进步,坚持...
  博客园  :: 首页  :: 新随笔  :: 联系 :: 管理

clear:both

Posted on 2013-11-29 12:04  股墓山庄庄主  阅读(175)  评论(0编辑  收藏  举报
<div style="clear:both"></div>

这段代码的做用是:清除同行元素,不允许其它元素与之在一行内。

<style>
.clear10{clear: both; height:10px; overflow:hidden;}
.yao{float:left;width:100px;}
</style>
<div class="yao">原来是这样</div>
<div class="yao">一直不知道这个东西</div>
<div class="clear10">哎呀</div>
<div class="yao">原来是这样</div>

那么.clear10起到的作用就是在清除前两行浮动的影响并且间隔10px的高度。