清除浮动的方法

Posted 2020-10-22 王国帅

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