弹性盒未按预期工作答案

【问题标题】：Flexible box not working as expected弹性盒未按预期工作
【发布时间】：2011-10-04 17:20:37
【问题描述】：

好的，我正在为此使用 Chrome。

我有一个 div，我在其上定义了 display: -webkit-box;。在这个 div 里面有 7 个 div，它们都有-webkit-box-flex: 1;。

但是，第一个 div 比其他 div 小。有什么想法吗？

【问题讨论】：

【解决方案1】：

我认为 80% 宽度的 div 中的 7 个框不会为您提供均匀间隔的列。甚至使用最后一列的边框，或者将父级设置为 960px。 7只是没有均匀地进入它

【讨论】：

【解决方案2】：

显然我误解了盒子模型。当时我很困惑，以为所有的 div 都是一样的，但实际上是剩余的空间被平均添加了。

【讨论】：