帶圖像的CSS溢出容器不起作用？

Question

我是一個JavaScript/PHP程序員品牌的新的CSS和有一些麻煩獲取圖像顯示在容器溢出。我的理解是，下面的代碼應該在三行中顯示圖像，它們之間有15像素的空間。相反，它會在div的左上角顯示一個單獨的圖像。如果我刪除了div的ID，那麼圖像將顯示一條垂直線，如果我完全刪除了div，它們通常會在頁面上向右流動。當我給div一個背景顏色時，它看起來是合適的尺寸和正確的位置。

#items_container { 
    position:absolute; 
    overflow:auto; 
    height:500px; 
    width:500px; 
} 
.item_image { 
    margin: 0 15px 15px 0; 
    padding: 0 0 0 0; 
} 

<div id="items_container"> 
    <img src="imageLocation" height="150" width="150" class="item_image" /> 
    <img src="imageLocation" height="150" width="150" class="item_image" /> 
    <img src="imageLocation" height="150" width="150" class="item_image" /> 
    <img src="imageLocation" height="150" width="150" class="item_image" /> 
    <img src="imageLocation" height="150" width="150" class="item_image" /> 
    <img src="imageLocation" height="150" width="150" class="item_image" /> 
</div> 

我也嘗試給容器div在HTML中的高度/寬度，圖像類在CSS中的高度/寬度。也沒有做任何事情。感謝任何幫助，每個人！

Answer 1

不知道我完全理解這個問題，但是這是我怎麼會佈置你的結構：

http://jsfiddle.net/mDXL2/

HTML

<div id="items_container"> 
    <img src="imageLocation" height="150" width="150" class="item_image" /> 
    <img src="imageLocation" height="150" width="150" class="item_image" /> 
    <img src="imageLocation" height="150" width="150" class="item_image" /> 
    <img src="imageLocation" height="150" width="150" class="item_image" /> 
    <img src="imageLocation" height="150" width="150" class="item_image" /> 
    <img src="imageLocation" height="150" width="150" class="item_image" /> 
</div> 

CSS

#items_container { 
    overflow:hidden; 
    height:500px; 
    width:500px; 
} 
.item_image { 
    float:left; 
    margin: 0 15px 15px 0; 
    padding: 0 0 0 0; 
} 

隱藏的溢出可以被清除替換，但我更喜歡去溢出隱藏的路由。

之後，你只需要漂浮所有的.item_image元素。