0

任何人都可以告诉我为什么我在此链接中的 html 正文的左侧和右侧出现空白,请单击此处。我正在使用 Mozilla Firefox。我什至尝试将 html 标签的宽度减小到 980px。由于左右两侧有额外的空间,我得到了水平滚动条。请帮忙。

4

2 回答 2

3

标题 div(下<div id="header">)下的第一个 div 具有这种内联样式

width: 100px;
margin: auto;
height: auto;
border: 0px solid rgb(51, 51, 51);
padding-right: 1160px;
padding-left: 95px;

看看 padding-right。本来就是这样的吗?删除它会摆脱你的水平滚动条。它确实会稍微推动您的标题,但这可能是您的罪魁祸首。或者你可以按照 Spring 所说的去做,但这并不能真正解决问题,因为你只是隐藏了溢出的元素,而不是从一开始就阻止它溢出。

在您的网站上使用 Firebug 做更多事情是相当困难的,因为发生了太多事情(您已经加载了40 多个脚本!)以至于 DOM 不断变化。您可能想清理其中一些脚本并删除不需要的东西,您会添加许多不必要的膨胀,这会减慢您的网站速度,但这是另一回事。

于 2013-05-23T13:41:26.967 回答
0

您可以将此样式添加到正文元素

body { overflow-x: hidden; }

我使用 fierbug 尝试了这种样式,它适用于您的页面

于 2013-05-23T13:37:43.623 回答