你如何调试水平滚动条问题？

Question

使用firefox浏览时没有滚动条，

但它出现在IE中。

如何跟踪此类问题？

Answer 1

好吧，我会先点击VIEW |开始浏览器菜单中有SOURCE，但没有出现（我使用的是IE7），这很奇怪。我能够将文件保存到桌面并在记事本中查看。在顶部附近有一个名为“fixedBottoomIE6.css”的样式表的引用，它似乎只适用于IE，这可能是造成差异的原因。

因此，作为对您的问题的一般回答，我将通过在文本编辑器中查看源来开始调试过程。

更新：是的，问题几乎可以肯定是样式表，因为当我在IE中打开保存到我桌面的文件时，我没有得到水平滚动条（我做< / em>使用在线版本获取它。样式表的链接是相对的，由于样式表不在我的桌面上，因此不会应用。

Answer 2

我发现99％的时间都与填充和定义HTML / Body的宽度有关。我没有采用任何具体的方法，但环顾四周的定义。我通过Safari 中的 Web Inspector启动每个CSS问题，因为它通过了Acid3。

Answer 3

调试此方法的一个好方法是使用Firebug live css编辑器。对每个部分逐个应用（display：none;）。一旦你发现有bug的部分，你的滚动条就会消失（非常宽慰！）。对该部分中的每个元素执行相同的操作。你应该找到你的错误。

对我来说，它恰好是一个阴影效果，它正在添加：before和：after content。

Answer 4

如果您使用IE，那么我将首先使用IE8附带的调试器。

此外，更改IE8操作的doctype和模式，看看是否可以检测到模式。

例如，它是否仅以怪癖模式显示？

此外，什么情况会导致滚动条显示。 div是满还是半空？

通过使用调试器，您可以查看组件的dom和css样式，看看是否有模式。