css清除浮动的原理介绍

首先我们要知道clear:both是清除浮动的关键。

（推荐教程：css快速入门）

clear是CSS中的定位属性，规定元素的哪一侧不允许其他浮动元素。那么clear:both就是规定在左右两侧均不允许浮动元素。

clear属性只能在块级元素上其作用，这就是清除浮动样式中display:block的作用。

另外visibility: hidden;height: 0;只要content的值为空，写不写都无所谓。

那么为什么要清除浮动，最常见的是因为外层容器高度坍塌，代码演示：

为了显示清楚一点，在.wrap:after 样式中的content设置为content: &＃39;after伪元素&＃39; ,此时如下图所示。

以上就是css清除浮动的原理介绍的详细内容，更多请关注其它相关文章！