复杂的布局与绝对定位

Question

我必须创建一个具有此布局的网站：

有4个区块：绿色（页脚），蓝色（侧边栏），红色（主要容器）和橙色（内容）。

我发现要使这些元素居中存在一些困难。红色块具有固定的宽度和高度（980x680），侧边栏和页脚应保留在它们的位置，如果我有一个更大的屏幕，它们仍然必须填满整个宽度和整个高度。

你认为有可能完成这个结果吗？

Answer 1

这样的事情：http://www.sidekick.com.au/files/stackoverflow/div-positioning/

蓝色侧边栏的高度是唯一需要工作的东西。目前它被设置为静态高度，或其内部的任何高度。

Answer 2

您可以尝试这一点...... http://pixelsvsbytes.com/blog/2012/02/this-css-layout-grid-is-no-holy-grail/或此http://www.davidjrush.com/blog/2009/01/css-sticky-footer/