UL不留包含導航

Question

我的代碼

<nav id="nav-main"> 
<label for="show-menu" class="show-menu">Show Menu</label> 
<input type="checkbox" id="show-menu" role="button"> 
    <ul id="menu"> 
    <li><a href="#">item 1</a></li> 
    <li><a href="#">item 2</a></li> 
    </ul> 
    <div style="clear:both;"></div> 
</nav> 

Content ID的菜單應該包含導航這個費用相加，但它是不是已經當我在控制檯檢查它。

我試着用明確的：既，但沒有張家，完整的CSS在撥弄預覽

jsfiddle preview

Answer 1

的ul被取出流（和它看起來像nav心不是包裝的原因該ul是因爲ul有position:absolute;。

從您的ul和菜單的外觀position:absolute;和工作原理相同，但nav ELEM ent現在包裝它