絕對的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/