带图像的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元素。