HTML CSS：將div元素高度調整爲+時的分辨率爲100％

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高度設置爲自動而不是100％，並刪除最小高度屬性。像這樣：

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