중첩 된 ul/li가 표시되지 않습니다

StackOverflow https://stackoverflow.com/questions/920920

  •  06-09-2019
  •  | 
  •  

문제 

<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 0의 z-index가 있습니다

Li.Button ul z- 안덱은 100입니다.

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

그러나 브라우저에는 표시되지 않습니다 ... Firebug는 거기에 있음을 보여 주지만 표시되지 않습니다.

도움이 되었습니까?

해결책

Z-index는 position-프로페티이므로 코드에는 영향을 미치지 않습니다.

그리고 Div는 UL 내에서 허용되지 않습니다. 대신 여백이나 패딩을 사용하십시오.

다른 팁

모든 CS를 보는 것이 도움이 될 것입니다. 당신은 오버플로가 있습니까?

당신은 Li.Button의 높이가 23px입니다. 그러나 UL은 훨씬 키가 큽니다. 내부 Li와 IMG를 떠나지 않는 한 86px보다 넓습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top