html - 溢出， float ，高度困惑

Question

我正在使用网站的导航设计 - CSSDECK .

我做了一些修改和this是我的代码。

疑问:

1. 为什么 #siteNav 和 #siteNav ul 没有环绕 li。我在 #siteNav 和 #siteNav ul 中使用了 height:auto。我所知道的是 auto 意味着浏览器将相应地 决定高度。但这并没有发生。 为什么？
2. 如果我在 #siteNav 或 #siteNav ul 中执行 overflow:auto 或 hidden。然后该 block 将自身包裹在 li 周围。为什么使用 overflow 这样做？

Answer 1

这是因为您的 li 是 float 的。如果没有 overflow: hidden;，则 li 与 ul 处于不同的上下文中，因此 ul 不会环绕它们。

overflow: hidden; 是一种通用的已知修复方法，用于调整容器大小以适应其 float ed 内容，但还有其他方法 - 供广泛引用， see this .