我正在开发的网站上有一个令人讨厌的水平滚动条,但我似乎找不到其原因。我已经完成了作业并寻找解决方案,但我能找到的唯一方法是将“overflow-x”属性设置为“隐藏”的常用方法。这对我来说是 Not Acceptable ,因为这只会隐藏问题,而不是解决问题。不知何故,尽管我尝试使用 CSS 将最大宽度设置为 100%(我什至尝试在全局应用它),但某些东西正在将我网站的宽度推过查看窗口。这是我的网站的链接,以便您可以获得更好的图片: Site Link
请注意站点的大部分内容如何正常显示,就好像不应该有水平滚动条一样。然而,图片和“列”DIV 一样,居中使用总宽度。
我几乎已经到了需要放弃一切并重新开始的地步。任何帮助将不胜感激。
最佳答案
首先想到的是您的 .row 类的左侧位置为 100%,最大宽度为 100%。这绝对是问题的一部分。
经过进一步调查,您错误地使用了左右位置属性。甚至您的图像缩略图也是整个问题的一部分。
你是对的,设置overflow-x:hidden并不能解决你的问题。
检查样式表并删除设置 left: 100% 或 right: 100% 的所有左侧和右侧属性后,问题就解决了。 (在firefox的firebug中调试)
关于css - CSS 中出现水平滚动条的原因是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5495079/