3固定使用DIVs，NO絕對DIVs，IE友好，所有列均可伸縮的列（頁眉和頁腳）

Question

從左到右，Col1 id 560px寬，10px填充，中間欄，250px寬，5px填充和Col3（側欄）是200px寬3px填充。背景coloR，不管任何列中的文本長度都應該垂直拉伸相等。沒有JavaScript（jQuery解決方法），使其工作。它需要是純CSS的CSS語義標記。每個列應該有一個嵌套的色彩列，內容將會去。第1列應該是SEO優勢，這意味着Google和其他搜索引擎要抓取的最高嵌套列。我使用了「聖盃」佈局，「A List Apart」中的文章，這些解決方案非常複雜，以至於它們將主列向左推，而嵌套列將它們填充回來，這太瘋狂了！我嘗試調整這些例子，但它們不能通過調整CSS或填充寬度等方式進行編輯。請幫助我嗎？

Answer 1

已知的解決方案非常複雜，因爲不幸的是，您所描述的內容並不容易在HTML5/CSS3之前完成，它並不瘋狂，它是最先進的，在A List Apart中開發和描述解決方案的人是權威的行業專家。要麼使用JavaScript來計算列大小並在運行時進行佈局時間，還是滿足純CSS解決方案所需的手動調整。對於大多數網站，我推薦使用JS，因爲良好的列布局可以被認爲是「增強」 - 垂直佈置的語義標記仍然可讀，SEO優化，並且支持JS的客戶端可以標記爲具有漂亮， 3列演示。

如果您的網站是面向公衆的，並且具有典型的人口分佈情況，那麼您在使用JS啓用的情況下查看約90％，其餘10％習慣於網站不太漂亮或看起來非常正確。