Css 为什么不是所有flexbox元素的行为都像flexbox div？

为什么flexbox不能与

fieldset

或其他非

div

标记一起正常工作？ 我希望它们像

div

示例中那样并排排列，如

flex-direction:row是flexbox中的默认值。然而，
fieldset
是强制对它们应用宽度，我不明白为什么

HTML


字段集flexbox
1.
2.
div柔性箱
3.
4.

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

据我所知，这是由于
字段集
元素的浏览器错误造成的

是的。其中
图例
和
字段集
是


我想现在使用
而不是真正的字段集更安全。在CSS中，您可以使用
div[role='group']
作为选择器。有关更多信息，请参阅。
定义“工作不正常”-您期望得到什么？感谢您的反馈。努力表达问题。现在更新它。可以理解？如果这是原始问题的扩展，请更新原始问题，而不是重新发布：@cimmanon:Nope，它们是不同的。这个问题与这样一个事实有关，即像fieldset这样的非div标记在设置时无法获得预期的flexbox属性。另一个问题是css选择器问题，即如何为页面上的所有元素提供相同的显示：flex属性。乍一看，他们似乎是一样的，但事实并非如此：）谢谢@ollyhodgson指出这一点。从没想过这会是一个浏览器错误。尝试Opera、Opera Next、Firefox、Safari和Chrome中的JSFIDLE。我想这是我应该期待的正确结果：？（我只在Opera 12.15 Mac中看到。是的，这是我预期会发生的事情。我想现在使用
而不是真正的
字段集更安全。在CSS中，您可以使用
div[role='group']
作为选择器。请看一年半的时间，这一错误在两种浏览器中都保持不变…：（@Pere确实-Firefox bug是在2005年提出的！如果你需要复杂的样式，请使用
而不是
。是的@OllyHodgson，我已经这么做了，但再次感谢你指出！
<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>