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