Html 溢出：隐藏包含容器中的浮动-为什么？

我正在寻找一个解决方案，如何在容器中包含浮动元素（默认情况下，如果太短，它们就会从容器中掉出来）。我在Stackoverflow上找到了答案，将容器的

overflow

设置为

hidden

，确实有效。但我的问题是：为什么？w3cschools上溢出的规范：隐藏状态：

此值表示内容已剪裁，不应提供滚动用户界面来查看剪裁区域之外的内容

因此，我更希望对浮动的部分进行剪裁，而不是扩展容器以包含浮动。这里适用哪条规则

---

例如：

阿拉玛科塔

您需要清除浮动。你可以在这里读更多

下面是代码片段

阿拉玛科塔

这不是将
溢出设置为
隐藏的原因。它适用于
可见
、
初始
或
继承
的每个不同值

对于这些值中的任何一个，溢出都会呈现在元素框之外，如中所述

对于任何其他值，溢出在div内呈现。
Hello。我觉得这很有趣，你介意发布一段代码吗？你说的“要扩展的容器”是什么意思？是否为父元素设置了高度和宽度属性？可能是要放置在容器中的元素，也可能是该元素有一些填充或边距。由于这一点，它早些时候已经满溢了。如果溢出：隐藏，则填充间距必须为clipped@ShubhamAggarwal我用示例添加了代码片段。这不是问题所在。