css - flex レイアウト、display:flex、display:-webkit-box の違い

Question

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

1. display:flex のボックスを使用すると幅が変わるのはなぜですか?

2. flex:-webkit-box を変更すると、後続のボックスはプッシュアウトされますか?

Answer 1

スタックオーバーフロードッカー 1

スタックオーバーフロードッカー2

display: box; 2009版本的flex
display: flexbox; 2011版本的flex
display: flex;現在のバージョン

バージョンの問題のため、単純に変更することはできません
display: flex为display: -webkit-box

flex-grow: 1改为-webkit-box-flex: 1

も追加する必要があります