javascript - 3 网格布局 : fixed sidebars and fluid content

Question

我想创建一个结构为混合类型的布局。我想要两个侧边栏:一个在左侧，另一个在右侧——它们都有 250px 的宽度；在中间，我只想要宽度可变的内容。

我可以做一些数学来解决我的问题，比如 calc(100% - 500px)，但我真的不想为此使用 CSS3——我想要一个跨浏览器的解决方案，并且它可以是纯 CSS2 或 JavaScript。

有人可以给我一些建议吗？可以是网格系统、函数等。

Answer 1

<div class="left"></div>
<div class="center"></div>
<div class="right"></div>

CSS

.left{
    width: 250px;
    position: absolute;
    left: 0;
}
.center{
    display: table;
    position: absolute;
    left: 250px;
    right: 250px;
}
.right
    width: 250px;
    position: absolute;
    right: 0;
}