我正在使用站点-CSSDECK的导航设计。
我做了一些修改,this是我的代码。
疑问:
为什么#siteNav
和#siteNav ul
不环绕li
。我在height:auto
和#siteNav
中使用了#siteNav ul
。我知道的是auto
意味着浏览器将相应地确定高度。但这没有发生。为什么?
如果我在overflow:auto or hidden
或#siteNav
中的任何一个中执行#siteNav ul
。然后,该块将自身包裹在li
周围。为什么要使用overflow
这样做?
最佳答案
这是因为您的li
是浮动的。如果没有overflow: hidden;
,则li
与ul
处于不同的上下文中,因此ul
不会环绕它们。overflow: hidden;
是已知的通用修复程序,用于调整容器的大小以适合其float
内容,但是还有其他方法-广泛引用see this。