css - 为什么不是所有的 flexbox 元素都表现得像 flexbox div？

Question

fieldset为什么 flexbox 不能与其他非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元素有关的浏览器错误。

这是Chrome中元素的一个已知问题fieldset。Firefox 有一个类似的（非常老的）问题，legend并且fieldset被替换为 elements。

---

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