HTML CSS:将div元素高度调整为+时的分辨率为100%
问题描述:
最近我编写了一个网页,然后我跳入了真正烦人的问题。HTML CSS:将div元素高度调整为+时的分辨率为100%
我有侧边栏高度100%,但是当我调整我的浏览器分辨率到150%并一直滚动到底部时,我看到我的屏幕和我的div标记之间存在巨大差距。
截图http://i58.tinypic.com/wrkl5y.png
我的CSS
html {
padding: 0;
margin: 0;
height: 100%
}
body {
background: url(images/bg.png) #f7f7f7;
margin: 0 auto;
padding: 0;
width: 1080px;
min-height: 100%;
overflow:hidden;
}
html, body{
min-height:100%;
height:100%;
}
#nav {
background: url(images/navigacija.png) repeat-y;
position: absolute;
min-height:100%;
height:100%;
top:0; bottom:0;
left: 0;
}
对不起,我的英语,谢谢你那些谁愿意提供帮助。
答
尝试将#nav高度设置为自动而不是100%,并删除最小高度属性。像这样:
#nav {
background: url(images/navigacija.png) repeat-y;
position: absolute;
height:auto;
top:0;
bottom:0;
left: 0;
}