关于清除浮动的方法

转载于 2018-12-21 09:19:00 发布 · 106 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Lzxgg-xl/p/10153777.html

本文介绍两种CSS清除浮动的方法：使用overflow属性隐藏浮动元素产生的影响，以及通过clearfix类为父元素添加伪元素清除浮动。适用于解决网页布局中由浮动引起的布局问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.先来一种最简单的方法

overflow:hidden;

2.利用在css里面写的类 clearfix 来清除代码如下

.clearfix:after{
    visibility:hidden;
    display:block;
    font-size:0;
    content: ” “;
    clear:both;
    height:0;
}
.clearfix{*zoom:1;}   //这个是专门对 ie6的支持

转载于:https://www.cnblogs.com/Lzxgg-xl/p/10153777.html