html - li 列表定位行为

Question

http://jsfiddle.net/chapster11/aUYTt/

我想弄清楚为什么这个 jsfiddle 示例中的第三级 ul 标记列表被压扁在与第二级 ul 相同的位置 第二级 li 标签定位正确，但第三级搞砸了任何想法为什么。 position absolute 是否会破坏默认的列表层级定位？

谢谢

Answer 1

因为

#nav ul{
    position:absolute;
}

这对所有 <ul> 都很重要里面#nav , 所以即使在第三或第五级。

单独重新设计第三层的样式:

#nav ul ul {
    position: static;
}

另请参阅:http://reference.sitepoint.com/css/position