html - 具有可变边的三列网页设计

Question

我一直在尝试想出一种方法来创建一个 3 列网页设计，其中中心列具有恒定的宽度并且始终居中。左侧和右侧的列是可变的。这在表格中是微不足道的，但在语义上并不正确。

我无法在所有当前浏览器中正常工作。对此有什么建议吗？

score 2 · Accepted Answer

2

使用这种技术，只需为中心列指定一个固定宽度。

于 2008-09-16T14:43:24.780 回答

score 1 · Accepted Answer

并将#maincenter 的宽度：xx% 替换为固定值。当我用 Firebug 更改它时似乎可以工作，值得一试吗？

#maincenter {
  width: 200px;
  float: left;
  background: #fff;
  padding-bottom: 10px;
}

score 0 · Accepted Answer

我认为您需要从两个侧边栏列的初始（固定）宽度开始，然后在页面加载时使用 javascript 获取窗口宽度并计算侧边栏的新宽度。

侧边栏宽度 = (窗口宽度 - 中心列宽度) / 2

然后，如果调整了窗口大小，您可以重新应用 javascript。

score 0 · Accepted Answer

A List Apart 上的这篇文章有一个解决方案，它产生一个 3 列布局，它将：

4 回答 4