Html overflow:hidden在此代码中有什么作用？

为什么在

中添加了
溢出：hidden
。导航栏

可以工作，没有它，左边是白色，右边是文本？另外，当我读到关于属性的内容时，在这里应用

溢出
的方法和目的是什么：

注意：溢出属性仅适用于具有
指定高度

这都是因为

如果删除
overflow:hidden
该元素的所有内容都显示在左侧，因为子元素具有
float
属性，并且没有清除
float
的位置。

有关块格式上下文，您可以参考此答案

另请参考：
首先，当您从导航栏中删除溢出：隐藏时，它会使菜单项消失，因为当时导航栏中没有背景。a和按钮标签都有
颜色：fff与页面背景色相同

现在，我们为什么需要溢出：隐藏；in.导航栏

这是因为
.navbar
中的所有子元素都具有与其相关联的float属性，并且浮动元素在正常文档流中不占用任何空间。现在，如果子元素不占用任何空间，则父元素（
.navbar
）的height属性为0

为了在浮动子类时保持父类的height属性，我们使用
overflow:hidden属性

希望它能有所帮助
如果父项的高度为0，为什么子项的高度很重要？在本例中，当我们希望它们位于左侧时，为什么需要清除float？如果我们清除浮子，我们将使元素相互堆叠。谢谢。你可以阅读更多关于清除浮动和浮动的信息。我创建了一个提琴，以供上述示例参考。请检查我是否添加了