Question

最近我正在编写一个网页，然后我就陷入了非常恼人的问题。

我的侧边栏高度为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;
}

对不起我的英文，感谢那些愿意提供帮助的人。

Answer 1

尝试将#nav高度设置为auto而不是100％并删除min-height属性。像这样：

#nav {
    background: url(images/navigacija.png) repeat-y;
    position: absolute;
    height:auto;
    top:0; 
    bottom:0;
    left: 0;
}

HTML CSS：调整为+分辨率时div元素高度为100％

1 个答案: