处理基于子代数量的约束CSS - width
处理基于子代数量的约束CSS - width
提问于 2015-01-10 15:43:24
我正在使用gridstylesheets.org来处理约束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];回答 1
Stack Overflow用户
发布于 2015-02-23 09:11:47
我相信这将会奏效：
(.space)[width] == ((.box)[width]) / 3;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27873990
复制相关文章
相似问题
腾讯云开发者
