css - 清除 float 有什么意义？

Question

据我所知，如果父容器中的 float 项对于它而言太小，则会出现某种问题。关于此的所有文档都含糊不清。谁能简明扼要地解释一下清除 float 的目的是什么，不清除 float 的后果是什么？

Answer 1

简而言之，

当您在页面上 float 元素时，有时会在 dom 中留下空间。 float 元素下的元素将尝试占用该空间。如果您清除 float 元素下方的元素上的 float ，它会说嘿，我们不想占用那个空间，我们想要我们自己的空间。

例如假设这是一个页面

我有 3 个元素 |, |, |

如果我把它们放在文档中，它会像这样输出

|
|
|

如果我将它们向左浮动，我会得到这个

|||

如果我想清除最后一个的 float |我们得到

||
|