html 溢出的部分自动隐藏,html-溢出-x：隐藏仍然可以

问题是：

我有一个全宽栏菜单，该菜单是通过在左右两侧创建一个较大的边距来完成的。 此裕度应由overflow-x:hidden裁剪，并且它是...没有滚动条，一切都(在视觉上)还可以...

但是，如果您拖动页面(使用Mac Lion)或向右滚动，则页面会显示一个巨大的条，该条应该已被overflow-x:hidden裁剪。

的CSS

html {

margin:0;

padding:0;

overflow-x:hidden;

}

body {

margin: 0 auto;

width: 950px;

}

.full, .f_right {

margin-right: -3000px !important;

padding-right: 3000px !important;

}

.full, .f_left {

margin-left: -3000px !important;

padding-left: 3000px !important;

}

这是一个链接：[http://jsfiddle.net/NicosKaralis/PcLed/1/]

您必须在草稿中打开才能看到... jsfiddle CSS以某种方式使其起作用。

@克拉泽

我有这样的结构：

body

div#container

div#menu_bar

div#links

div#full_bar

div#content_body

...

#container是居中的div，固定宽度为950px，#full_bar是一个从一侧延伸到另一侧的整个窗口

如果我将宽度100％放在#full_bar中，它将仅获得内部宽度，而不是窗口的宽度