与Constraint CSS混淆 - 基于子数的宽度

Question

我使用gridstylesheets.org来破坏Constraint CSS。我的HTML是这样的：

<div class="box side-by-side">
  <div class="space"></div>
  <div class="space"></div>
  <div class="space"></div>
</div>

我希望每个.space都是.box的高度，并且宽度均匀。在这种情况下，.box宽度除以3。

到目前为止，我有这个：

.side-by-side .space {
  left: >= ::parent[left];
  top: >= ::parent[top];
  width: == 200;
  height: == 100;
}
.side-by-side {
  @h .space in([.side-by-side]);
}

它会浮动父级.space，但我不确定如何设置宽度。我想做这样的事情：

width: == ::parent[width] / ::parent[num-children];

Answer 1

我相信这会奏效：

(.space)[width] == ((.box)[width]) / 3;