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

时间:2011-03-31 03:38:05

标签: css scrollbar

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

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

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

1 个答案:

答案 0 :(得分:5)

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

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

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

在浏览完样式表并删除所有向左和向右设置的属性后:100%或者右:100%,它解决了问题。 (在firefox中为firefox调试)