使用居中的固定宽度div填充空间

Question

我想创建一个包含三个<div> s的布局，其中我的第二个（中间）div具有固定宽度（例如300px）。我的另外两个<div>，同样填充父元素的其余部分。

我想用左右<div>的某种百分比来解决它，所以它是水平可缩放的。

<div>
    <div class="rest"></div>
    <div class="center"></div>
    <div class="rest"></div>
</div>

Answer 1

您可以将其他两个width的{​​{1}}属性设置为<div>。

calc(50% - 150px);

请参阅this example on JSFiddle。