雙瀏覽器滾動條w /溢出隱藏

Keeping the Footer Down & Full Browser Width Bars我90％到我需要的地方。
（對於「全瀏覽器寬度的條」鏈接我使用「timd.mackey」 S解決方案在下面的評論部分）雙瀏覽器滾動條w /溢出隱藏

所以一切都只是一個這惱人的雙滾動條的偉大工程。單擊下面的鏈接查看我的意思。

Click this to See my Problem!

溢出-X：隱藏對身體似乎是我的解決方案，我的問題都。

任何幫助將超級酷你。

希望這已清楚。

2013-08-04 Varazi

嘗試增加：

html { 
    overflow-y: hidden 
}

2013-08-04 09:48:46

啊完美。我之前添加了它，但是我將它添加到html，body {} – Varazi

如果要使用JS進行設置，請使用document.documentElement獲取對html標記的引用：https：//developer.mozilla.org/en-US/docs/Web/API/Document/documentElement – Corkscreewe

可能溢出-Y：隱藏在身體會幫助你？或者甚至更好地使用溢出：隱藏;對身體

body { overflow:hidden; }

順便說一句，如果你只想綁定頁腳頁面的底部，使用容器塊絕對定位和下邊距

CSS

.container { margin-bottom:100px; } 
.footer { height:100px; position:absolute; left:0; bottom:0; }

HTML

<html> 
    <body> 
    <div class="container"><!-- here's everything except footer --></div> 
    <div class="footer"></div> 
    </body> 
</html>

2013-08-04 09:49:00

body {overflow：hidden; }這解決了我的問題 –

另一個可能工作的解決方案（取決於你想實現的目標）是增加：

body { 
    height: 100vh; 
}

2015-06-10 13:23:42

謝謝，這對我有效 –

如果問題是由於 html, body { overflow-x: hidden;} 然後嘗試使用html, body{height: 100%;} 它爲我工作得很好。

2015-06-20 16:49:51 krsoni

回答