我想用<div>
元素创建4列:
第一列的宽度需要固定为200px。
其他3列需要在它们之间动态划分剩余宽度。
<div class="column">Column 1 Fixed 200px</div>
<div class="column">Column 2 Fluid</div>
<div class="column">Column 3 Fluid</div>
<div class="column">Column 4 Fluid</div>
我怎样才能做到这一点?
您可以使用calc
:
.column:nth-child(1) {
width: 200px;
}
.column:nth-child(n + 2) {
width: calc((100% - 200px) / 3);
}
这是一个JSFiddle
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句