本文介绍了CSS浮动的概念，解释了为何需要清除浮动，并详细阐述了三种清除浮动的方法：使用clear样式，设置父级div的overflow为hidden，以及利用伪元素（clearfix）。这些方法旨在解决浮动元素导致的父元素高度塌陷问题。
CSS 浮动
元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。
一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。
浮动元素之后的元素将围绕它。
浮动元素之前的元素将不会受到影响。
float属性指定一个盒子（元素）是否应该浮动。
定义和用法
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS
中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。
注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。
img
{
float:right;
}
效果如下：
最低0.47元/天 解锁文章
1664
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
