什麼使得我的頁面稍微超出了視口？ [CSS]

Question

基本上我有點困惑。您將在第二列中看到http://furnace.howcode.com，底部滾動條按鈕稍微延伸到視口的末端之外。我非常困惑，因爲我一直在檢查CSS並找不到任何導致此問題的東西。

你可以看看嗎？這可能很簡單，我剛剛錯過了！ :)

截圖：#tabscontainer元素

hmmm...? http://files.droplr.com/files/49111734/XWqC.hurrr.png

Answer 1

這是因爲使用了上#tabscontainer一個固定的像素高度但一個百分比#ajaxresults。調整窗口大小將顯示（或削減）更多的滾動條，因爲90px並不總是10％的視口。

解決此問題的最簡單方法是將#tabscontainer設置爲height:10%。

編輯：只是注意到你的評論關於標籤是一個固定的高度。尋找替代解決方案。

好了，找到了解決，雖然我還沒有在IE瀏覽器測試，所以你可能想看看是什麼;）

1. 給#col2一個position:relative
2. 刪除height:90%，從min-height:90%和max-height:90%#ajaxresults。
3. 給予#ajaxresults：position:absolute,top:90px和bottom:0。

嘗試一下，它應該按預期工作，但就像我說我沒有檢查IE瀏覽器，所以你可能需要做更多的黑客攻擊來讓它在那裏工作。

Answer 2

高度。

#tabscontainer { 
background-color:black; 
height:90px; 
max-width:529px; 
min-width:326px; 
overflow-x:hidden !important; 
width:100%; 
} 

嘗試：在評論

#tabscontainer { 
height:30px; 
... 
} 

後續：

調低#ajaxresults高度則：

#ajaxresults { 
    height:70%; 
    max-height:70% 
    ... 
}