我想當你上手css3的時候后一定為他的強大而感到震驚，但是震驚之后帶來的一定是苦惱，因為他太TM變態了！
我之所以這么說是因為我今天寫box-flex的時候遇到了一個可以讓我蛋碎的問題~~~
首先，box-flex是干嘛的？
box-flex可以讓某個元素的子元素在剩余空間等分！
真的，這個功能太好了！
但是讓人惱火，想要喊fuck的是，他有時候居然不等分！
可以試想，一個用來等分的屬性實現不了他自身的功能，這是多么搞笑的事~
好吧，以上都是我發的牢騷！接下來進入主題~
box-flex的具體功能是：讓某個元素的子元素的空余空間等分！
記住是空余空間等分！
例如
<div id="parent">
<div id="child1"></div>
<div id="child2"></div>
</div>
這個時候給child1和child2加box-flex:1，的確他們是等分的
但是，如果是
<div id="parent">
<div id="child1">測試內容</div>
<div id="child2"></div>
</div>
這個時候給child1和child2加box-flex:1，他們就不等分了，而是他們的空余空間等分（child1比child2更加長，而這個差值正式“測試內容”這幾個字的寬度）
我想你現在知道我要表達的是什么了吧！
那么問題來了！挖掘機技術哪家強！fuck！！！不是這句
我們應該這么解決呢？
解決方法：
給child1和child2分別加上width:1%;
就這么簡單，OK，搞定了！
接下來我說下我的理解：
這里你給child1和child2添加了寬度，且寬度相同，那么他們的空余空間肯定相同了，而“相同的空余空間”+“相同1%的寬度” = “相同的總體寬度”，所以就等分了