我希望标题足够明确，以获得一般性的想法。问题本身有点棘手。为了帮助理解，请参阅下面的插图。
由于我没有足够的声誉点来直接包含插图，所以这里是flickr.com上的链接：http://www.flickr.com/photos/cumbrowski/12009919663/
或者在Stackoverflow.com上链接到图片：http://i.stack.imgur.com/1Kswi.png
用全文写出来。
最外面的容器应该始终是垂直的 在可用的浏览器窗口中水平居中。两个宽度 和高度是动态的，但 高度不能超过90％ 可用窗口高度 。
容器的内部有 3个容器。
最顶层容器的固定高度但宽度应跨越 整个外容器宽度。
最底层容器也应该跨越整个宽度 外部容器，但它的高度可以根据它的内容而变化。 优选地，如果容器是空的，则高度应缩小到0 （如果可能的话）。
center-most 容器控制的宽度和高度 外容器，除外，如果外容器的总高度 将超过可用窗口高度的90％的最大值。在 在这种情况下，中心容器应显示滚动条。
注意： 如果没有基于CSS的纯解决方案，并且需要JavaScript的帮助，那么，很遗憾，但如果有必要，我该怎么办？！在这种情况下，jQuery也没问题。
