灵活的盒子没有按预期工作

Question

好的，我正在使用Chrome。

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

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

Answer 1

我不认为80％宽度div中的7个盒子会给你均匀间隔的列。即使使用最后一列的边框，或将父级设置为960px。 7只是没有均匀地进入它

Answer 2

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