在水平對齊圖像與水平滾動的格子

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