單箇中心柱上的人造柱替代方案

Question

我正在進行居中的2柱佈局。居中列的兩半都同樣伸展，因爲我在它下面有一個頁腳。如何使中心列 - 最短 - 不會比瀏覽器短？

什麼是替代方法（僅在可能的情況下使用CSS）到虛擬列技術？

歡迎使用代碼。

謝謝。

Answer 1

只是要清楚 - 問題不在於內部DIV延伸到外部DIV之外（除非有什麼奇怪的東西，否則明確的底部應該注意） - 而是您正在尋找外部DIV整個視口的大小，其頁腳總是在視口的底部？

如果是這樣，你最可能尋找的是一個粘性的頁腳。檢查出this solution here，它非常簡單和相對優雅（至少考慮到這不是一個非常簡單的問題）。它在包裝上使用100％的高度和負的底部邊距，負的底部邊距與頁腳的高度相匹配。