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

清除浮动的方式

时间:2016-09-07 22:49:47      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:

1.给设置浮动的盒子的父元素一个overflow:hidden属性,即可消除父元素中子元素浮动对页面的影响。

2.使用伪元素来清除浮动

.clearfix:after {

content:"";
height:0;
line-height:0;
dispaly:block;/设置为块级元素/
clear:both;  /清除浮动/
visibility:hidden; /将元素隐藏/

}

.clearfix{

  zoom:1;/为了兼容IE6/

}

 

3.使用双伪元素

.clearfix:before,.clearfix:after{

content:"";

display:block;

clear:both;

}

.clearfix {

zoom:1

}

 

清除浮动的方式

标签:

原文地址:http://www.cnblogs.com/landofpromise/p/5851070.html

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