jquery - 如何让内容占据100%的高度和宽度

Question

我已经很接近了，但我无法让它按照我想要的方式工作。我试图让标题和菜单始终可见，并让内容占据 View 屏幕的其余部分，并在溢出时拥有自己的滚动条。问题是内容的宽度没有向右拉伸(stretch)，我的页面中间有一个滚动条。我也无法让它占据剩余窗口高度的其余部分，如果我将高度设置为 100%，它想要使用整个窗口高度而不是剩下的高度。

我只使用 IE7 或更高版本，所以需要担心 javascript，如果 jQuery 可以解决这个问题，我不反对使用它!

http://pastebin.com/x31mGtXr

Answer 1

赞this ？

html, body {
    height: 100%;
    font-family: 'Calibri','Tahoma','Arial', sans-serif;
    font-size: 14px;
    margin:0;
    padding:0;
}
#container{
    height: 100%;
    width: 100%;
    overflow: hidden;
}
#content {
    min-height: 100%;
    overflow: auto;
    height:90%;
    float: left;
    margin-left:12em;
    border-left: black solid 1px;
    padding: 0 0 0 .5em;
}