如何擺脫一個頁面

Question

我正在做登陸的水平滾動的，我已經這一套適用於身體和HTML元素的規則：

html { 
    margin: 0px; 
    height: 100%; 
    width: 100%; 
} 

body { 
    margin: 0px; 
    min-height: 100%; 
    width: 100%; 
} 

而且，一切都viewported：

<meta name="viewport" content="width=device-width, initial-scale=1"> 

而且在圖片上，下方，你可以看到頁面的主要模塊，它們都具有寬度100％

但是，沒有提到真正幫助和頁面的塊儘管他們都有100％的寬度，有不同的大小，並且還有一個水平滾動條。

我該怎麼做才能擺脫滾動條，並使所有塊成爲當前視口的大小？

Answer 1

嘗試把

overflow-x: hidden; 
overflow-y: scroll; 

在身體{

Answer 2

從身體和HTML刪除width: 100%;。

Answer 3

你不應該有水平滾動條。如果您有水平滾動條 - 其中一個元素溢出主頁面。試着找出造成問題的原因。 如果您使用溢出 - 您不糾正問題，但覆蓋它。 當您縮放頁面時會發生 - 內容不會居中。