我正在开发的网站上有一个讨厌的水平滚动条,我似乎找不到原因。我已经完成作业并寻找解决方案,但是我唯一能找到的是将“ overflow-x”属性设置为“ hidden”的常用方法。这对我来说是无法接受的,因为这只会隐藏问题,无法解决问题。尽管我尝试使用CSS将最大宽度设置为100%(甚至我尝试在全球范围内使用它),但仍以某种方式使网站的宽度超过了查看窗口。这是我网站的链接,以便您可以更好地了解:
Site Link
注意大多数站点如何正常显示,好像应该没有水平滚动条一样。但是,图片和“列” DIV以总宽度为中心。
我快要报废一切并重新开始了。任何帮助将不胜感激。
最佳答案
首先想到的是,您的.row类的左侧位置为100%,最大宽度为100%。那绝对是问题的一部分。
经过进一步调查,您使用的左和右位置属性不正确。甚至您的图像缩略图也是整个问题的一部分。
您是对的,将overflow-x:hidden设置不会解决您的问题。
在浏览完样式表并删除了将左设置为100%或右设置为100%的所有左和右属性之后,它可以解决此问题。 (已在Firebug中调试为Firefox)