Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 绝对div无溢出_Html_Css_Overflow_Positioning_Absolute - Fatal编程技术网

Html 绝对div无溢出

Html 绝对div无溢出,html,css,overflow,positioning,absolute,Html,Css,Overflow,Positioning,Absolute,我有两个部门: #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;

我有两个部门:

#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;
}
当我将窗口调整为非常小的视口时,无法显示完整图像。用户可以向右滚动。我怎样才能防止呢


谢谢

您需要将此添加到CSS中:

html {
    overflow:hidden;
}

下面是正在工作的jsfidde:

您是否尝试将
溢出:隐藏
添加到
#容器中
?输入错误?边缘-左-200px@Vucko,是的,我知道,但不是working@Jordy如何将
溢出
添加到
html,body
-?@Vucko,不工作。确实滚动条不可见,但我仍然可以用鼠标滚轮向右滚动。不工作。确实滚动条不可见,但我仍然可以用鼠标滚轮向右滚动。