html - 溢出, float ,高度困惑

标签 html css height overflow

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

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

疑问:

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

最佳答案

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

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

关于html - 溢出, float ,高度困惑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12643706/

相关文章:

javascript - 如何在一个页面中打开多个对话框?

Java Swing : JList with ListCellRenderer selected item different height

带有字体大小的 Css 自动高度

javascript - 这里映射 SSL 失败

html - 为什么 <a> 标签内容会溢出包含 div 边界?

javascript - 使用 ng-repeat 重复 Google Chart 图表

jquery - 如何使用 jQuery 制作类似雅虎的按钮?

C++:高层类层次结构

php - 如何使用 Wget 下载网页?

javascript - 为什么javascript在页面底部或有时从页面顶部运行