Question

我将边距和填充重置为0。我将<html>，<body>宽度设置为100％。

我的CSS看起来像这样：

html, body { 
    margin:0;
    padding:0;
    width:100%;
}

#wrapper {
    margin:0;
    padding:0;
    width:100%;
    background-color:#ccc;
}

每当我将浏览器的大小调整到一点时，我得到一个水平滚动条，div不会占用100％的宽度。甚至不是身体或HTML。我已经开除了它，并且差距大约是180px。

enter image description here

Answer 1

您可以使用溢出

html, body { 
margin:0;
padding:0;
width:100%;
height:100%;
overflow: auto;
}

我也遇到了类似的问题，我使用了这个

Answer 2

简短答案：

更长的答案：

如丹·坎泽（Dan Kanze）所说，如果存在一致的间隙，则意味着包装器内部的某些元素正在引起偏移。

为进一步帮助您，我建议您使用一个不错的devtool，您可以在Chrome Chrome devtools screenshot和FF FF devtools screenshot上找到它们。

快捷方式： Chrome = Ctrl + Shift + I Firefox = Ctrl + Shift + C

一旦使用了此功能，只需将光标放在该间隙上，然后将其悬停在垂直间隙上，直到找到任何东西，然后单击即可找到坏的html家伙！

Answer 3

如果存在一致的180px间隙，那么这意味着包装内的元素会导致偏移。

你的容器元素看起来很好。

为了找到罪魁祸首，FF有一个很好的调试工具，正好用于这种称为3D模式。这将显示您的主容器中的异常值，您可以在其中选择并在代码中找到元素。

通过链接，我可以为您提供进一步的帮助。