网站上的横向滚动问题

时间:2011-10-31 21:14:59

标签: html css

在我的网站上:

http://madlov.com/qa

我注意到,如果我按住右箭头键...或者单击并向右移动鼠标(页面上的任何位置),右边会有一堆空格...页面滚动,虽然我已经关闭滚动条:

overflow-x: hidden

如何控制此行为或至少了解导致水平滚动的元素。

3 个答案:

答案 0 :(得分:2)

你应该真正摆脱隐藏在身体上的溢出......如果浏览器是jsut到小显示整个网站怎么办?

问题是div.grid_8.prefix_3.suffix_5(facebook旁边的那个按钮)它有一个右边的填充,它会推动你网站的最大宽度

移除400px填充右侧和身体上的溢出。然后每个人都很开心,因为你没有水平滚动条和小分辨率或视力问题的人......

您可以通过自己喜欢的调试器/检查器(例如firebug)中逐个删除DOM中的元素来找到它们。

答案 1 :(得分:1)

有一个超大的div引起了问题。它的位置是:

<html> 
<body> 
<div class="nav-bot-wrapper sm-shadow">
<div class="logo container_12 clearfix">
<div class="grid_8 prefix_3 suffix_5">

.container_12 .suffix_5类中有太多填充权限(960.css,第327行)

答案 2 :(得分:0)

你没有关闭滚动条,你只是隐藏溢出,所以没有它们。

在您的代码中查找具有固定宽度的元素;填充或其他可能导致此问题的参数。