码迷,mamicode.com
首页 > Web开发 > 详细

css2----清除浮动

时间:2014-10-24 18:41:43      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:ar   sp   div   on   bs   as   如何   方法   nbsp   

  1. 为什么要清除浮动?

    非IE下,当容器的高度为auto,容器有浮动元素,此时容器的高度不能自己伸长适应内容的高度,造成内容溢出乃至影响布局,即所谓的“浮动溢出”,为防此象,需要清除浮动。

  2. 如何清除浮动?

    这里只记录最好的一种方法,伪元素和ie 触发haslayout:

     

    .clearfix{zoom:1;}

    .clearfix:after{content:"x";display:block;height:0;clear:both;visibility:hidden;}

    a.给容器添加一个clearfix的class;

    b.给这个class添加一个:after伪元素实现添加看不见的块元素

     

 

 
注意:visibility:hidden和display:none的不同:
      前者:隐藏但是占位;
      后者:不显示不占位。

css2----清除浮动

标签:ar   sp   div   on   bs   as   如何   方法   nbsp   

原文地址:http://www.cnblogs.com/webkey-wzy/p/4048803.html

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