html - html、body 和 div 设置为 100% 宽度，但仍然没有占满 100%

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。我已经对其进行了萤火虫攻击，并且大约有 180 像素的间隙。

在此处输入图像描述

score 10 · Accepted Answer

您可以为此使用溢出

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

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

score 2 · Accepted Answer

简短的回答：

更长的答案：

正如 Dan Kanze 所说，如果存在一致的间隙，则意味着包装器内的某些元素会导致偏移。

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

快捷键：Chrome = Ctrl + Shift + I Firefox =Ctrl + Shift + C

一旦你使用它，你只需将光标指针放在间隙上，然后将其悬停在垂直间隙上，直到找到东西，然后单击，你会找到坏的 html 家伙！

score 1 · Accepted Answer

如果存在一致的 180 像素间隙，则意味着包装器内的元素会导致偏移。

您的容器元素看起来不错。

为了找到罪魁祸首，FF 有一个很好的调试工具，这就是所谓的 3D 模式。这将向您显示主容器中的异常值，您可以在其中选择和查找代码中的元素。

通过链接，我可以进一步帮助您。

3 回答 3