防止水平滚动，溢出属性不起作用

Question

我在网站上使用非常宽的形状作为背景（以创建一定的视觉效果）并且无法阻止水平滚动。有没有其他方法可以实现这个除了溢出属性，似乎对我没有用？ http://tinyurl.com/kahfjha

Answer 1

在body元素上使用overflow-x: hidden代替overflow: hidden，它将起作用：

body {
    overflow-x: hidden;
}

Answer 2

在您的css #contact-shape和#design-shape中width:5000px删除该内容并且效果正常。

#design-shape {
background: none repeat scroll 0 0 #e98e82;
position: absolute;
transform: rotate(-45deg);
height: 1040px;
top: 1200px;
left: 0;
width: 100%;
z-index: 6;
}

#contact-shape {
background: none repeat scroll 0 0 #000;
position: absolute;
transform: rotate(-45deg);
height: 1460px;
top: 2757px;
left: 0;
width: 100%;
z-index: 1;
}

更新：我现在更改了css，同时保留了背景。