Css I'；m使用Moovweb柔性箱，但尺寸不'；工作不正常。。。什么'；发生什么事了？

我的结构如下：

<div class="_flex_box">
    <div class="_flex_box_item_1">Stuff</div>
    <div class="_flex_box_item_1">Other Stuff</div>
</div>

所以我找到了答案

这似乎与flex box的实现有关，但我可以通过将._flex_box_item_1宽度设置为100%来解决这一问题

._flex_box {
  @include display-box;
  @include box-orient(horizontal);
  @include box-align(stretch);
  ._flex_box_item_1 {
    display: block;
    @include box-flex(1);
    width: 100%;
  }
} 

---

这当然不是必须的，但如果您在Moovweb项目中遇到此问题，可能会起作用。

如果不指定宽度，flex项目将占用所需的空间，然后flex grow和flex shrink属性确定其最终宽度。如果一个项目需要70%，而另一个只需要30%，那么这就是它们将占用的空间量

如果您希望flex项目占其flex容器的特定百分比，则必须指定它

.flex-item {
  width: 50%; // works with either Flexbox
  box-flex: 1; // deprecated Flexbox
  flex: 1 1 50%; // standard Flexbox
}

---

这些是不推荐使用的2009 Flexbox草稿中的属性。请不要在未提供标准属性的情况下使用它们：

.flex-item {
  width: 50%; // works with either Flexbox
  box-flex: 1; // deprecated Flexbox
  flex: 1 1 50%; // standard Flexbox
}