为什么并非所有的flexbox元素都像flexbox div一样？

Question

为什么flexbox与fieldset或其他非div标签无法正常工作？ 我希望它们在div示例中排列在一起，因为flex-direction: row;在flexbox中是默认的。但是fieldset强制对它们施加宽度，我不明白为什么。

HTML

<fieldset>
    <div>fieldset flexbox</div>
    <div>1</div>
    <div>2</div>
</fieldset>

<div id="parentdiv">
    <div>div flexbox<div>
    <div>3</div>
    <div>4</div>
</div>

CSS：所有元素都设置为display: flex;

http://jsfiddle.net/c5BB5/1/

Answer 1

据我所知，这取决于与fieldset元素有关的浏览器错误。

这是a known issue with fieldset elements in Chrome。 legend和fieldset中的Firefox has a similar (very old) issue为replaced elements。

---

我想现在使用<div role="group">而不是真实的字段集会更安全。在CSS中，您可以使用div[role='group']作为选择器。有关详细信息，请参阅http://www.deque.com/aria-group-viable-alternative-fieldset-legend。