CSS 窗口根据浏览器高度调整大小

Question

我尝试的是创建一个具有固定宽度且居中的窗口。还应具有可变高度，具体取决于浏览器视口(viewport)高度，顶部偏移量为 20 像素，底部偏移量为 20 像素；

我不想为此使用 JQuery/JS，它应该在纯 css 中。

这里是一些代码片段:

#viewport should be the the browsers height / width container
#window should be the resized window (centered in middle, filling up all height except of top 20px and bottom 20px

http://jsfiddle.net/ejRTU/87/

有人知道如何解决这个问题吗？

Answer 1

使用position:absolute并设置top和bottom属性为10px；看到这个 fiddle jsfiddle.net/ejRTU/88/