如何使内容占据高度和宽度的100%

Question

我很近,但我不能像我想要的那样工作.我试图让标题和菜单始终可见,让内容占据视图屏幕的其余部分,并在溢出时拥有自己的滚动条.问题是内容的宽度没有向右拉伸,我的页面中间有一个滚动条.如果我将高度设置为100%它想要使用整个窗口高度而不是剩下的高度,我也无法让它占据剩余的窗口高度.

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

http://pastebin.com/x31mGtXr

Answer 1

喜欢这个？

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;
}