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

Question

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

Answer 1

在你的 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，现在它也保留了背景。