添加了滚动条，但元素不会填充页面

Question

我正在一个网站上工作，目前正在注册页面上。这一切都很完美，直到我意识到一些非常烦人的事情。我在这个页面上有两个元素。一个注册div和一个img，用于顶部的徽标。它甚至没有填满整个HTML页面。但是它仍然添加了滚动条，我可以上下滚动20像素，从一侧到另一侧。非常恼人的PLZ帮助

Answer 1

您想将margin: 0;添加到body。

它已经100％宽，边距将宽度推到屏幕上可用的空间之外。这会导致垂直滚动条，而这又会导致水平滚动条。

Answer 2

这可以通过两种方式解决

将身体的宽度和高度更改为auto：

html, body {   
 width: auto;   
height: auto;    

background: #11BD83;
}

JsFiddle

或者按照@Per Salbark的建议将margin : 0添加到正文

html, body {   
 width: 100%;   
height: 100%;    
margin : 0;
background: #11BD83;
}

JsFiddle