ネスト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位主は、UL li.button 0

のz屈折率を有していますZ-指数が100：

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

ですが、これはちょうどショーではありませんブラウザではwn ... Firebugは表示されていることを示していますが、表示されません。

Answer 1

positionプロパティのない要素にはZ-インデックスが適用されないため、コードには影響しません。

ULではDIVは許可されていません。代わりにマージンやパディングを使用してください。

Answer 2

あなたのCSSのすべてを見ると便利です。あなたはオーバーフローしていますか：どこかでliで宣言された隠された？

li.buttonの高さは23pxですが、その中のulははるかに大きくなります。あなたが浮かんでいる場合を除き、内側の李とimgはその場合には86pxよりも広いでしょう。