html、正文和div设置为100%宽度，但它'；It’还没有拿到100%的全额

我将边距和填充重置为

0

。我将

，

宽度设置为100%

我的CSS看起来像这样：

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

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

每当我将浏览器调整到一个水平滚动条的位置时，div不会占据100%的宽度。甚至连正文或html都没有。我已经安装了Firebug，大约有180像素的间隔

---

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

您的容器元素看起来很好

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

---

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

您可以使用overflow

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

---

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

简短的回答：

• 浏览器快捷方式（Chrome=

  Ctrl+Shift+I

  ，Firefox=

  Ctrl+Shift+C

  ）
• 将鼠标放在间隙上，沿着间隙一直向下移动，以找到导致问题的元素
• 修好它

更长的回答：

正如Dan Kanze所说，如果存在一致的间隙，那么这意味着包装器中的某些元素导致了偏移

为了进一步帮助您，我建议您使用一个很好的devtools，您可以在Chrome和FF上找到它

快捷方式： Chrome=

Ctrl+Shift+I

Firefox=

Ctrl+Shift+C

---

一旦你使用它，你只需要把你的光标指针放在空白处，然后把它悬停在垂直的空白处，直到它找到了什么，然后点击，你就会找到坏的html家伙

我支持这个。别忘了IE会在最终宽度值中添加边距或填充（或两者兼而有之）。我以前被它咬过。你的doctype是什么，J.s？我的包装器中的元素只有两列。比如说#lcol{width:40%；}rcol{width:60%；}并向左浮动，但我也清除了浮动。。。HM如果没有链接或你的整个源代码，如果你使用Firefox，这里的任何人都不可能进一步帮助你。。。点击CNTRL+SHIFT+I-->3D模式。这对你很有帮助。