在我们布局中,使用浮动会让我们元素脱离文档流,会影响接下来的布局,所以我们需要消除浮动,让我为大家介绍一种非常常用的一种清除浮动的方法吧!
/* 给需要浮动元素的父级元素添加上clearfix类名即可 */ .clearfix::after { content: ""; display: block;/* 转换成块元素 */ height: 0; clear: both; overflow: hidden; } .clearfix { /* IE6 7 专有 */ zoom: 1; }