在我的网站上:
我注意到,如果我按住右箭头键...或者单击并向右移动鼠标(页面上的任何位置),右边会有一堆空格...页面滚动,虽然我已经关闭滚动条:
overflow-x: hidden
如何控制此行为或至少了解导致水平滚动的元素。
答案 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)
你没有关闭滚动条,你只是隐藏溢出,所以没有它们。
在您的代码中查找具有固定宽度的元素;填充或其他可能导致此问题的参数。