在水平对齐图像与水平滚动的格子

Question

我希望与类div_to_hold_images水平对齐的div，即使他们溢出，所以我可以把一个滚动的div与类容器看到其余。

HTML：

<div class="container"> 
    <div class="div_to_hold_images"> 
    </div> 
</div> 

CSS：

.container { 
    height:150px; 
    width:400px; 
    border:10px solid black; 
    text-align:left; 
    white-space: nowrap; 
    overflow-y:hidden; 
} 
.div_to_hold_images { 
    width:102px; 
    margin:2px; 
    height:144; 
    float:left; 
    overflow:hidden; 
    margin-left:8px; 
} 

Demo

Answer 1

使用

display: inline-block; 

，而不是

float: left; 

Demo