html - 绝对 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/