CSS - 4列(fixed fluid fluid fixed)

Question

我看过三列的例子(fixed fluid fixed)。但是，我需要一个四列解决方案的示例。

两个外部列是固定的。两个内柱是流动的。

固定 |流体 |流体 |固定

Answer 1

您可以使用 calc .

.first, .last {
    width: 300px;
}
.middle {
    width: calc(50% - 300px);
}

您可能还想应用供应商前缀。