html - 添加了滚动条，但元素没有填满页面

Question

我正在一个网站上工作，目前在一个注册页面上。一切都很完美，直到我意识到有些非常烦人。我在这个页面上有 2 个元素。一个注册 div 和一个 img，用于顶部的徽标。而且它甚至没有接近填充整个 html 页面。但它仍然添加了滚动条，我可以上下滚动 20 像素，左右滚动。非常烦人的请帮助

score 1 · Accepted Answer

您想添加margin: 0;到您的body.

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

score 0 · Accepted Answer

这可以通过两种方式解决

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

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

background: #11BD83;
}

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

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

2 回答 2