html css布局。固定总宽度，3列，动态中间列

Question

这一切都可能吗？
有时左边的菜单不存在，所以我希望中间的col也占用那个空间 有时候右边的菜单不存在，所以中间也应该占用它的空间 所有应该用固定宽度（1000px）的容器包装。

Answer 1

ALA有一个古老而精彩的答案，我相信几乎可以解决任何类似的问题：http://www.alistapart.com/articles/holygrail/

当然问题在于细节：您是否希望中间列中的内容根据可用空间调整大小，或者并排浮动以占用额外空间。增加复杂性可能是不可伸展的元素（图像等），一些具有min-和max-宽度的元素（文本段落具有一定的最佳宽度范围以便于阅读）。就像我说的那样，细节中的鬼魂 - 这个细节似乎只有你现在拥有。有了这些信息，我们就可以提供这些信息。

Answer 2

可以使用 ahem 基于表格的布局来完成。使用浮点数，我相信你需要使用某种逻辑来设置中间列的宽度。这可以在一行jQuery中完成（测试左列是否存在或为空，重置中间列宽度），如果你不想在后端执行它。

Answer 3

您可能希望了解如何制作equal height columns.

同样在此网站上，作者提供了“The Perfect 3 Column Liquid Layout。”

Answer 4

我假设您可以在服务器端预测菜单是否会出现，因此您只需在模板中插入固定宽度，这样可以避免任何css-hacks。