我已经开发这个网站一段时间了,今天突然我注意到我的浏览器上显示了水平滚动条,允许网站向右滚动几英寸,所有这些都只包含空白。
它在多个页面上执行此操作,但不是全部。
这是我遇到问题的页面 - http://www.princewebdesigns.com/staging/gallais/our-firm.html
这是我没有问题的页面 - http://www.princewebdesigns.com/staging/gallais/index.html
我试过在 FireBug 中调试,但我找不到任何导致页面变宽的 div 或元素。它可能与 float 有关吗?这似乎是所有浏览器中的一个问题。
如有任何帮助,我们将不胜感激。
PS - 我知道导航链接不起作用,这是因为我暂时将该网站存放在我的网络服务器的暂存目录中。
最佳答案
css 类 .bluebar h1
有一个属性 width: 70em;
em 不应用于定义元素的宽度。您的浏览器将 h1 计算为 28px 的字体大小,这使得 .bluebar 的宽度为 28 x 70 = 1960px。有关 em 和其他 css 单位的正确说明,请参阅 w3schools
Firebug 和 Dragonfly 都允许您悬停页面。这是 Dragonfly 中的默认行为。在 Firebug 中,您可以通过单击 firebug 窗口左上角的箭头按钮将其打开。这样您就可以非常快速地找到元素。
关于css - 网页水平滚动,右侧只有空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8886619/