css - 为什么可以清除浮动元素但不能清除绝对定位元素？

Question

那么，如果你添加float: left;到一个元素，它就会被从流程中取出，对吧？据我所知，情况也是如此，position: absolute;那么如何使用 clearfix 清除浮动元素，但对绝对定位的元素却无能为力？从内容流中删除每个内容的方式有什么区别？

Answer 1

不，浮动元素并没有像绝对定位元素那样完全脱离流程，它们只是被提升为其他内容流动的元素。浮动元素的最初用途是例如文章中的图像；通过浮动图像，文章中的文本将围绕它流动。

注意：clearfix 不用于清除浮动元素，它用于将浮动元素包含在另一个元素中。要清除浮动元素，您只需使用clear样式。

Answer 2

浮动元素也可以在父节点的右侧或左侧，但不能仅在顶部以下十个像素处具有top: 10px;类似的绝对定位元素。它们总是以某种方式与流程保持联系，这使得使用 clearfix 成为可能。