https://jsfiddle.net/channg/j...
为什么display:flex 使用box的 的宽度会改变？
改变了flex:-webkit-box,后面的box 会被顶出去？
stackoverflow搬运工1
stackoverflow搬运工2
display: box; 2009版本的flexdisplay: flexbox; 2011版本的flexdisplay: flex; 现在的版本
display: box;
display: flexbox;
display: flex;
由于版本的问题，你不能简单的只改变display: flex为display: -webkit-box
display: flex
display: -webkit-box
还需要将flex-grow: 1改为-webkit-box-flex: 1
flex-grow: 1
-webkit-box-flex: 1
stackoverflow搬运工1
stackoverflow搬运工2
display: box;2009版本的flexdisplay: flexbox;2011版本的flexdisplay: flex;现在的版本由于版本的问题，你不能简单的只改变
display: flex为display: -webkit-box还需要将
flex-grow: 1改为-webkit-box-flex: 1