驱除浮动

分类: IT文章 • 2022-05-01 17:45:57

清除浮动
讲下清楚浮动的3中方法：
1，让父容器同时浮动起来(会有副作用)
2，让浮动元素后面紧跟一个用户清除浮动的空标签（多一个空标签，破坏了语义化）
3，给父容器挂一个特殊的class，直接从父容器清除浮动元素的浮动。（目前最优）
.clearfix:before,.clearfix:after {content:"";display:table}
.clearfix:after {clear:both;}
.clearfix {zoom:1; /* IE < 8 */clear:both}