液體佈局，頁腳和內容分成兩部分

我想創建一個液體佈局，其頁腳始終保持頁面結尾，並將一個競爭空間分成兩個div。我已經看到了兩個stackoverflow兩個例子分開了這兩個行爲。我怎樣才能實現這個？液體佈局，頁腳和內容分成兩部分

請注意，我的左右欄沒有內容。這是因爲我會在其中放置背景圖像和其他div。

有我的例子有點問題，因爲當我的內容區域有太多的內容，內容區域不垂直擴大。

2012-07-16 Ronaldo

在'.footer' CSS小錯字。將'botton：0'更改爲'bottom：0' – abhshkdz 2012-07-16 21:55:51

您是否知道爲什麼在垂直調整窗口大小時爲什麼會出現滾動條？ http://jsfiddle.net/kpDDM/12/embedded/result/ – Ronaldo 2012-07-16 22:04:25

我的示例有問題，因爲當我的內容區域內容很多時，內容區域不是垂直擴展。 – Ronaldo 2012-07-16 22:09:19

新增position:fixed;到.footer，並從.all刪除overflow:hidden。

編輯

2012-07-16 22:21:51 abhshkdz

你接受自由職業者的職業嗎？我在這裏問你是因爲我尋找一種發送私人信息的方式，我沒有找到這種方式。 – Ronaldo 2012-07-16 22:26:07

修復位置對我來說不起作用，因爲我想要一個頁面上的滾動條，當頁面內容很多時，頁腳應該變得不可見，並留在頁面的末尾。 – Ronaldo 2012-07-16 22:27:47

呵呵，不。我在這裏只回答幾個問題並幫助其他人。如果遇到更多麻煩，請隨時諮詢SO。當您有很多內容時，是否希望頁腳底部始終顯示頁腳？還是當您向右滾動到底部時，是否希望顯示頁腳？ – abhshkdz 2012-07-16 22:30:41

回答