码迷,mamicode.com
首页 > 其他好文 > 详细

清除浮动的方法

时间:2019-06-14 20:06:29      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:lock   清除   清除浮动   block   hid   class   overflow   hidden   rbo   

清除浮动最简单的方法就是给他的父元素加个

.clearf{ overflow: hidden;}

缺一不可;

还有别的就是给父元素添加伪元素之流:

   .clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
   .clearfloat{zoom:1}

或者在浮动元素后加个空标签清除

<div class="fleft"></div>
<div class="fleft"></div>
<div class="clearboth"></div>

.clearboth{
clear:both;
}

推荐第一种

清除浮动的方法

标签:lock   清除   清除浮动   block   hid   class   overflow   hidden   rbo   

原文地址:https://blog.51cto.com/13496570/2409248

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!