複雜的佈局絕對定位

Question

我必須做出一個網站，有這樣的佈局：

有4塊：綠色（頁腳），藍（邊欄），紅（主容器），和橙色（內容）。

我發現一些困難，以中心元素。紅色的塊有一個固定的寬度和高度（980x680），側欄和頁腳應該保持在原位，如果我有更大的屏幕，他們仍然需要填滿整個寬度和整個高度。

你認爲有可能完成這個結果嗎？

Answer 1

你可以試試這個了...... http://pixelsvsbytes.com/blog/2012/02/this-css-layout-grid-is-no-holy-grail/或這一個http://www.davidjrush.com/blog/2009/01/css-sticky-footer/

Answer 2

怎麼是這樣的：http://www.sidekick.com.au/files/stackoverflow/div-positioning/

藍色sidedbar的高度是需要工作的唯一的東西。目前它被設置爲靜態高度，或者其中的任何高度。