我可以有不同父元素的<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

它似乎做工精细，但有什么根本性的错误这种做法？

Answer 1

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

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

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