嵌套的UL / LI未显示

Question

<ul id="nav">
    <div id="navspacer" />
    <li class="button" style="width: 109px;"></li>
    <li class="button" style="width: 86px;">
        <img alt="Webdesign" src="images/digifolio_10.jpg"/>
        <ul>
            <li>a</li>
            <li>b</li>
            <li>c</li>
        </ul>
    </li>
</ul>
<div id="main">
    content
</div>

li.button有一个固定的高度：

li.button {
    height:             23px;
    float:              left;
    list-style:         none;
}

div＃main 的z-index为0

li.button ul 的z-index为100：

li.button ul {
    z-index:            100;
    background-color:   #ffffff;
    display:            block;
}

但它只是没有在浏览器中显示...... Firebug显示它在那里，但它没有显示。

Answer 1

请记住，z-index不适用于没有position - 属性的元素，因此它对您的代码没有影响。

在UL内不允许使用DIV。改为使用边距或填充。

Answer 2

查看所有css会很有帮助。你有溢出：在某个地方隐藏了声明吗？

li.button的高度为23px，但其中的ul将更高。除非你还漂浮了内部的li和img，否则它会比86px宽。