嵌套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。按钮有一个固定的高度：

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

div#主 z-index0

li。按钮ul z-指数为100:

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

但这不是显示在浏览器...萤火虫显示了它的存在，但它只是没有显示出来。

Answer 1

记住z指数不适用于没有元素 position-酒店，所以它没有影响你的代码。

和DIV是不允许的内UL。使用的利润率或填充，而不是。

Answer 2

这将有助于查看所有css。你有溢出：隐藏的声明丽的地方吗？

你有的高度。按钮是23px但ul中它将更高。除非你们还浮在内李和img留在这种情况下，这将是更广泛的比86px.