我可以拥有不同的父元素吗？

Question

例如：

<input type="checkbox" id="nav-toggle" />

<nav>
    Nav stuff
</nav>

<main>
   <label for="nav-toggle">Menu</label>
</main>

用于仅限css的菜单面板：http://codepen.io/jimahyland/pen/mAVGmj

它似乎工作正常，但这种方法有什么根本性的错误吗？

Answer 1

是的，input和label可以有不同的父母。

大多数标准块级元素，如body，div，article，section和aside，接受flow content，其中包括input和label。

只要父级接受流内容或phrasing content，input和label就可以作为子元素存在。