我在可变宽度的外部div内有一个固定大小的内部div。
#outer { width: 100%; }
#inner { width: 80px; }<div id="outer">
<div id="inner"></div>
</div>我希望将内部div放置在外部div内，如下所示：
[Npx of empty space][80px fixed-size inner div][2Npx of empty space]
其中N是一些数字。随着窗口大小的更改，N也会更改，但右侧将保持为左侧大小的两倍。CSS有可能吗？
作为Lister先生定位选项的替代方法，我们可以calc在边距上使用。
#outer {
width: 100%;
}
#inner {
width: 80px;
height: 35px;
background: rebeccapurple;
margin-top: 1em;
margin-left: calc((100% - 80px) / 3);
margin-right: calc((100% - 80px) / (3 * 2));
}<div id="outer">
<div id="inner">
</div>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句