我已经很接近了,但我无法让它像我想要的那样工作。我试图让标题和菜单始终可见,并使内容占据视图屏幕的其余部分,并在溢出时拥有自己的滚动条。问题是内容的宽度没有被拉伸到右侧,并且我在页面中间出现了一个滚动条。我也无法让它占据剩余窗口高度的其余部分,如果我将高度设置为 100%,它会使用整个窗口高度而不是剩余的高度。
我只使用 IE7 或更好的浏览器,所以需要担心 javascript,并且如果 jQuery 可以解决这个问题,我并不反对使用它!
http://pastebin.com/x31mGtXr http://pastebin.com/x31mGtXr
Like this http://pastebin.com/aQGRGXS6?
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;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)