清除浮动,是高度得到修正,可以分三种方法:

1、在容器的底部增加一个元素,属性设置为 clear:, clear有三个属性值

    clear:left;不允许自身的左边有float元素

    clear:right;不允许自身的右边有float元素

    clear:both;不允许自身的两边有float元素

 

2、overflow:hidden;

    强制容器包含它的子元素,让高度得到修正。

   副作用:超出容器的部分都会被剪切掉。

 

3、.clearfix:after{ content:”“;

                               display :block;

                              clear:both;

                              height:0px;

                             overflow:hidden;}

    .clearfix{ -ms-zoom:1; }

在容器的最后插入一个元素,hack技术。让IE浏览器强制布局包含的浮动元素。

  

   

 

 

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐