是什么导致CSS中出现水平滚动条？

我正在开发的网站上有一个讨厌的水平滚动条，我似乎找不到它的原因。我已经完成了我的家庭作业并寻找了一个解决方案，但我能找到的唯一一个方法是将overflow-x属性设置为hidden的常用方法。这对我来说是不可接受的，因为这只是隐藏问题，而不是解决问题。不知何故，我的网站的宽度超过了查看窗口，尽管我尝试使用CSS将最大宽度设置为100%，但我甚至尝试在全局范围内应用它。以下是我的网站的链接，您可以获得更好的图片：

请注意，大多数站点的正常显示方式似乎不应该有水平滚动条。但是，图片和列DIV使用总宽度居中

---

我几乎到了需要放弃一切重新开始的地步。任何帮助都将不胜感激。

首先想到的是.row类的左位置为100%，最大宽度为100%。这绝对是问题的一部分

经过进一步调查，您使用的左右位置属性不正确。甚至你的图像缩略图也是整个问题的一部分

您是对的，设置overflow-x:hidden不会解决您的问题

---

在检查样式表并删除所有设置为left:100%或right:100%的left和right属性后，它修复了问题。在firefox的firebug中调试

我使用的是Firefox4，使用firebug只剩下20%。99%的问题是。随机图像容器{left:100%；}。剩下的是.row{left:50%}。问题的另一部分是宽度：100%+填充。我已经去掉了问题代码，这当然有帮助，但仍然有一点水平溢出。你知道还有什么原因吗？.bubplastic.horizontal ul{left:50%}是导致你剩下问题的原因。我会重新考虑基于百分比的布局。在我的宽屏显示器上，70%的屏幕使标题图像变得很长。这实际上是我创建的第一个真正的网站，回头看，肯定有很多事情我可以做得更好。但这就是你学习的方式，对吗？我甚至不想向人们展示我的前20个网站布局。他们非常可怕。。。你的布局比我的第一个布局有用得多。