CSS3中display:box模式box-flex不均分的情况

现象

今天用css3的display:box属性时，出现了一个怪现象，它内部的子元素有内容并且内容还挺多的时候，box-flex就会失效，看下边这个：

问题页面，看到了吧，虽然设置了box-flex:1，但是这三个子div并没有均分，而是根据其内容来分配。

解决

百谷之后，终于找到了个奇技淫巧，设置子div的宽度，象这样

解决后的页面 发现没有？多了width:1%，对的，眼神好使，这个技巧就是设置一个宽度，这样就是总宽减去三个的宽度再按比例分，但是因为每个的宽度一样，比例一样，所以最后的宽度还是均分的，但是就是引入了width，这个宽度在这里就是个神。