为什么删除overflow属性会更改此示例中的背景颜色？

Question

我正在尝试使用本教程codeplay simple navigation with hover。我无法理解为什么在本教程中从overflow: hidden;类中删除.navigation属性会更改背景颜色？这个属性是否与向用户提供滚动条的决定有关，以防盒子中的文本溢出。

Answer 1

这是因为li元素是浮动的。在浮动元素的包装器上设置除overflow之外的visible会导致该包装器真正“包裹”元素（否则，它无法识别它们并且其高度变为零）。

overflow允许不使用clearfix或其他一些方法让包装器包装浮动。 *如果您想将overflow设置为visible，则需要某种类型的clearfix才能让.navigation获得高度并包裹li其中的元素。