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>

所有内容ID菜单都应该包含导航，但是当我在控制台中检查时，它还没有。

我试着清楚：两个，但没有变化，完整的CSS在小提琴预览中

jsfiddle preview

Answer 1

ul被取出流的原因（看起来nav不包裹ul是因为ul有position:absolute; }。

从position:absolute;移除ul，菜单看起来和工作方式相同，但nav元素现在包含它