弹性盒子不按预期工作

好吧，我正在使用Chrome。弹性盒子不按预期工作

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

但是，第一个div比其他的小。任何想法的人？

您的代码请。 – duri

我创建了一个cssdesk预览：http://cssdesk.com/rxRum 这适用于Chrome。这些盒子的尺寸几乎相同。请以此为起点来改进您的问题。 – topek

你说得对，其实我错了。我猜webkit-box-flex会填满剩下的空间。我的第一个元素没有文字，其他的没有文字，这就是为什么它更小。 –

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

2011-10-26 20:24:07

我不认为在80％宽div的7盒会给你均匀间隔的列。即使玩最后一列的边框，或将父级设置为960像素。 7只是不能均匀地进入它

2011-10-05 05:54:53 Anagio

回答