clearfix的几种方法

最新推荐文章于 2022-08-10 20:07:07 发布

转载最新推荐文章于 2022-08-10 20:07:07 发布 · 95 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/slpo007/p/6822136.html

本文总结了三种常见的清除浮动的方法：使用.clear样式、伪元素及外国开发者常用技巧。这些方法能够帮助解决因元素浮动导致的布局问题。

之前一直搞不懂在哪里清除浮动，所以干脆就瞎弄，后来看了几篇文章，总结了一下：是给浮动元素的父元素清除浮动。浮动会脱离标准流，从而父元素没有了高度，下面元素会挤上来，所以要清除浮动来达到效果，那么有几种清除浮动的方法呢？
1，万能的简单
.clear{clear:both;height:0;overflow:hidden}
2,伪元素
.clear:after{clear:both;content:"";display:block;visibility:hidden;height:0}
.clear{*+height:1%}
3,外国的牛方法
.clear{overflow:auto;_height:1%;}

转载于:https://www.cnblogs.com/slpo007/p/6822136.html