绝对div没有溢出

Question

我有两个div：

#container{
    max-width:1000px;
    margin:0 auto;
}

在这个容器里面我有另一个div：

#image{
    position:absolute;
    margin-left-200px;
    width:500px;
    height:400px;
    background-image:url('images/image.png');
    left:50%;
    overflow:hidden;
}

当我将窗口调整到非常小的视口时，无法显示完整图像。用户可以向右滚动。我该如何防止这种情况？

谢谢！

Answer 1

您需要将其添加到CSS：

html {
    overflow:hidden;
}

这是工作jsfidde：http://jsfiddle.net/5tDbx/