display flex不适用于Chrome中的摘要标记吗？

Question

我在display: flex标记上有一个<summary>，其中包含一些子<p>元素。它应该排成一排，对吗？它确实如此，但仅限于Firefox。不在Chrome上（43.0.2357.81）。只是我吗？

http://jsfiddle.net/laggingreflex/5e83uqf9/

＆＃13;

＆＃13;

summary {
  display: flex;
  flex-flow: row wrap;
}
summary h3 {
  display: block;
  flex: 1 100%;
}

＆＃13;

<summary>
  <h3>Heading</h3>
  <p>1</p>
  <p>2</p>
  <p>3</p>
</summary>

＆＃13;

＆＃13;

＆＃13;

Answer 1

summary元素不是结构标记，它有自己的显示属性。它旨在成为details标记的切换可见性框。

根据MDN和CanIUse，Chrome已完全实现了summary标记，而Firefox则没有。{对于未实现的标记类型，大多数主要浏览器的默认行为是将该元素绘制为通用块级元素。在Firefox中，使用summary标记与使用div标记基本相同。在Chrome中;但是，它可能很好地呈现为replaced element，这意味着（除其他外）你不能覆盖它的显示类型。

编辑：summary标签现在也在Firefox中实现，从版本49开始。