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

Question

我正在开发的网站上有一个讨厌的水平滚动条,我似乎无法找到它的原因.我已完成作业并寻找解决方案,但我唯一能找到的是将"overflow-x"属性设置为"隐藏"的常用方法.这对我来说是不可接受的,因为这只会隐藏问题,而不是修复它.不知何故,有些东西正在推动我的网站的宽度超过查看窗口,即使我已经尝试使用CSS将最大宽度设置为100%(我甚至尝试全局应用它).这是我网站的链接,以便您可以获得更好的图片: 网站链接

请注意网站的大部分内容是否正常显示,好像不应该有水平滚动条.但是,图片和"列"DIV的中心使用总宽度.

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

Answer 1

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

经过进一步调查后,您错误地使用了左右位置属性.即使您的图像缩略图也是整体问题的一部分.

你是对的,设置overflow-x:hidden不会解决你的问题.

在浏览完样式表并删除左侧和右侧属性时:100%或右侧:100%,它解决了问题.(在firefox中为firefox调试)