我可以翻译成中文。题目是“我可以在不同的父元素中使用<input>和<label>吗？”

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

看起来这个方法似乎没有问题，但是有没有什么根本性的错误？

- Jim Hyland

---

没问题，那很正常。 - Alohci

没问题，你可以拥有它。一切都没问题。 - blurfus

Answer 1

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

大多数标准块级元素，例如body、div、article、section和aside，接受流内容，其中包括input和label。

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

- Michael Benjamin