Html UL don'；不要停留在导航中

我有这张代码

<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菜单都应该包含nav，但当我在控制台中检查它时，它还没有包含nav

我尝试了clear：两者都有，但没有变化，完整的css在fiddle预览中

---

将

ul

从流中取出的原因（看起来

nav

没有包裹

ul

是因为

ul

具有

位置：绝对；

---

从您的

ul

中删除

position:absolute；

，菜单的外观和工作原理相同，但是

nav

元素现在将其包装起来，询问寻求调试帮助的问题（“此代码为什么不工作？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。