绝对 div 没有溢出答案

【问题标题】：Absolute div no overflow绝对 div 没有溢出
【发布时间】：2013-10-12 12:30:06
【问题描述】：

我有两个 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;
}

当我将窗口调整为非常小的视口时，无法显示完整的图像。用户可以向右滚动。我怎样才能防止这种情况发生？

谢谢！

【问题讨论】：

您是否尝试将overflow:hidden 添加到#container？
错字？ margin-left-200px;
@Vucko，是的，但它不起作用
@Jordy 将overflow 添加到html,body - Examlpe 怎么样？
@Vucko，不工作。确实滚动条不可见，但我仍然可以用鼠标滚轮向右滚动。

标签： html css overflow positioning absolute

【解决方案1】：

您需要将此添加到您的 CSS：

html {
    overflow:hidden;
}

这里正在工作 jsfidde：http://jsfiddle.net/5tDbx/

【讨论】：

不工作。确实滚动条不可见，但我仍然可以用鼠标滚轮向右滚动。