css - 网页水平滚动，右侧只有空格

Question

我已经开发这个网站一段时间了，今天突然我注意到我的浏览器上显示了水平滚动条，允许网站向右滚动几英寸，所有这些都只包含空白。

它在多个页面上执行此操作，但不是全部。

这是我遇到问题的页面 - http://www.princewebdesigns.com/staging/gallais/our-firm.html

这是我没有问题的页面 - http://www.princewebdesigns.com/staging/gallais/index.html

我试过在 FireBug 中调试，但我找不到任何导致页面变宽的 div 或元素。它可能与 float 有关吗？这似乎是所有浏览器中的一个问题。

如有任何帮助，我们将不胜感激。

PS - 我知道导航链接不起作用，这是因为我暂时将该网站存放在我的网络服务器的暂存目录中。

Answer 1

css 类 .bluebar h1 有一个属性 width: 70em;

em 不应用于定义元素的宽度。您的浏览器将 h1 计算为 28px 的字体大小，这使得 .bluebar 的宽度为 28 x 70 = 1960px。有关 em 和其他 css 单位的正确说明，请参阅 w3schools

Firebug 和 Dragonfly 都允许您悬停页面。这是 Dragonfly 中的默认行为。在 Firebug 中，您可以通过单击 firebug 窗口左上角的箭头按钮将其打开。这样您就可以非常快速地找到元素。