我一直在开发这个网站一段时间,今天我突然发现浏览器上的水平滚动条正在显示,并允许网站向右滚动几英寸,所有这些都只包含空格。
它在几个页面上执行此操作,但不是全部。
以下是我遇到问题的页面 - http://www.princewebdesigns.com/staging/gallais/our-firm.html
以下是我没有问题的页面 - http://www.princewebdesigns.com/staging/gallais/index.html
我已尝试在FireBug中进行调试,但我找不到任何导致页面更宽的div或元素。它可能与浮子有关吗?它似乎是所有浏览器中的一个问题。
任何帮助都将不胜感激。
PS - 我知道导航链接不起作用,这是因为我暂时将网站放在我的网络服务器的登台目录中。
答案 0 :(得分:1)
css班.bluebar h1
有一个属性width: 70em;
em不应该用于定义元素的宽度。您的浏览器将h1计算为28px的字体大小,这使.bluebar 28 x 70 = 1960px宽。有关em和其他css单元的正确表达,请参阅w3schools
Firebug和Dragonfly都允许您悬停页面。这是Dragonfly中的默认行为。在Firebug中,您可以通过单击firebug窗口左上角的箭头按钮将其打开。通过这种方式,您可以非常快速地找到元素。
答案 1 :(得分:0)
问题是这一点:
<div class="bluebar">
如果你将其改为<div class="banner">
那么它可以正常工作(但显然你现在有了背景图形。进一步检查我看到了......哦,坚持......没有必要在这里复制答案!
编辑:好的,我花了太长时间回答这个问题 - 哈哈!给本杰明一个答案。