清除浮动的方法

Posted 王国帅

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了清除浮动的方法相关的知识,希望对你有一定的参考价值。

1.在float元素后的元素上添加clear属性(float元素的后面没有其他元素,可以添加一个空的div,在div身上加clear属性

  

.last {
  clear : both;  
}

2.利用伪元素

.clearFix:after {
 display:block;
 content :‘‘;
  height:0;
  clear:both;   
}

.clearFix {
  zoom:1;
}

3.修改父元素overflow属性(此处用到的是BFC的概念

  

overflow:auto或hidden

 

以上是关于清除浮动的方法的主要内容,如果未能解决你的问题,请参考以下文章

css的浮动以及如何清除浮动

详解清除浮动的多种方法

清除浮动的几种方法

CSS清除浮动大全共8种方法

html5和css篇有关浮动以及如何清除浮动

清除浮动的方法以及优缺点