css - flex版面,display:flex,與display：-webkit-box差異的問題

Question

https://jsfiddle.net/channg/j...

1. 為什麼display:flex 使用box的 的寬度會改變？

2. 改變了flex:-webkit-box,後面的box 會被頂出去？

Answer 1

stackoverflow搬運工1

stackoverflow搬運工2

display: box; 2009版本的flex
display: flexbox; 2011版本的flex
display: flex; 現在的版本

由於版本的問題，你不能簡單的只改變
display: flex為display: -webkit-box

還要將flex-grow: 1改為-webkit-box-flex: 1