百分比保證金應如何處理彈性項目？

Question

試圖添加一個百分比margin-top到Flex容器內的項目，我注意到Firefox和Chrome之間的不一致。

如果柔性項聲明margin-top: 25%，火狐解釋，作爲把它在父的高度的25％（在此情況下25個像素）：

如果父元素的寬度是改變了，子元素不會垂直移動，我發現這很直觀。

但是當我試圖在鉻一樣，我發現，餘量頂部被作爲母體的25％寬度（50個在這種情況下像素）：

如果父元素的寬度發生了變化，子元素向上或向下移動，我發現它對於從頂部聲明爲25％的元素真的很奇怪。

Complete code on jsFiddle。

現在，什麼是正確的行爲？哪個瀏覽器正在搞砸？

Answer 1

每spec

比例的利潤和Flex的項目補白總是解決針對其各自的尺寸;與塊不同，它們並不總是根據其包含塊的內聯維度來解決。

注意：此行爲目前存在爭議，並可能在未來版本的規範中更改以匹配塊的行爲。

---

哪個瀏覽器搞砸了？

正如你所看到的......兩者兼而有之。 :)