爲什麼在這個例子中移除overflow屬性會改變背景顏色？

Question

我正在試用本教程codeplay simple navigation with hover。我無法理解爲什麼從本教程的.navigation類中刪除overflow: hidden;屬性更改背景顏色？這個屬性不涉及向用戶提供滾動條的決定，或者在框中的文本溢出的情況下。

Answer 1

這是因爲li元素是浮動的。在浮動元素的包裝上設置除visible之外的overflow會導致包裝器真正「包裝」元素（否則，它不會識別它們並且其高度變爲零）。

overflow允許不使用clearfix或其他一些方法讓封裝包裝浮動。 *如果您想將overflow設置爲visible，則需要某種類型的clearfix以使.navigation獲得高度並將li元素包裹在其中。