如何摆脱此布局中丑陋的水平滚动条？

我觉得像这样的noob问这个问题，但由于某种原因，水平滚动条出现在NOWHERE之外。如何摆脱此布局中丑陋的水平滚动条？

如何摆脱底部丑陋的水平滚动条？

CSS样式表文件：style_sample.css

这个网站是为亲身体验一个很好的学习资源。我正在学习。

2012-06-13 PandaNinja

我在该页面上看不到任何水平滚动条。你在看什么浏览器？ –

我没有看到任何丑陋的滚动条。只有我美丽的系统滚动条。 – Tim

Jcubed我在1280 x 768笔记本电脑屏幕上使用Mozilla Firefox。 – PandaNinja

您可以将CSS overflow-x:hidden;添加到您的<body>元素中。

2012-06-13 19:08:10 Keith

这工作很好。谢谢。我将这个保存在我的记忆中lol – PandaNinja

这仍然是错误的做法。您应该解决问题的根源，而不是解决症状。 – Tim

这不一定是“这样做的错误方式”。如果它适用于特定的布局，那么它是完全有效的。 – Keith

您已将页边距放在页脚居中，然后使用相对定位将它移至右侧250像素，因此它伸出右侧。

使用边缘或相对定位。

2012-06-13 19:10:15 Guffa

* Smacks forhead *谢谢Guffa！这有助于强化正确定位的教训。 – PandaNinja

-1

让你的浏览器窗口更宽。它可能“刚刚出现”，因为你的窗口没有被最大化 - ，除非你在样式表或布局中改变了某些东西，在这种情况下，这种改变使得页面更宽。

看起来您已将left:元素添加到p:footer-text。删除的，如果要居中你的文字，使之text-align:center;代替。

2012-06-13 19:10:37 Tim

非常感谢。这非常有帮助。我认为我的样式表中的更改确实添加了水平滚动条。因为之前它不在那里。 – PandaNinja

“让你的浏览器窗口更宽”不是解决这个问题的办法，或者任何与CSS有关的问题。 –

我回答上面写着：“这个滚动条出现无处”原来的问题 - 我想指出的是，滚动条会出现比改变样式表或HTML等原因。绝对不意味着暗示这是解决问题的方法，而是将其定义为“也许这就是为什么你看到你以前没有看到过这种行为。” – Tim

回答