HTML CSS佈局。固定總寬度，3列，動態中間列

Question

這是可能的嗎？
有時候左邊的菜單不存在，所以我想讓中間的col也佔據那個空間。
有時右邊的菜單不存在，所以中間也應該佔據它的空間。
所有應該被包裹在一個固定寬度（1000px）的容器中。

Answer 1

這可以通過ahem基於表格的佈局來完成。使用浮動，我相信你需要使用某種邏輯來設置中間列的寬度。如果你不想在後端做這件事，這可能會在一行jQuery中完成（測試是否存在左側列或空白列，重置中間列寬）。

Answer 2

你可能想看看如何讓equal height columns.

同樣在這個網站上，筆者提供了「The Perfect 3 Column Liquid Layout」。

Answer 3

ALA有一個古老而輝煌的答案，我相信可以解決幾乎所有類似的問題：http://www.alistapart.com/articles/holygrail/

當然，問題與細節：你想在中間一欄的內容來調整基礎上的可用空間，或者並排浮起來佔據額外的空間。增加複雜性可能是不可拉伸的元素（圖像等），其中一些具有寬度（文本的段落具有用於可讀性的某個最佳寬度範圍）。就像我說的，細節中的魔鬼 - 看起來只有你現在擁有的細節。有了這些大量的信息，這是我們所能提供的。

Answer 4

我假設你可以在服務器端預測菜單是否會出現，所以你可以在你的模板中插入固定寬度，這樣可以避免任何CSS黑客入侵。