CSS溢出-y屬性 - 滾動的div

Question

我有這樣的設置：

<div> 
    <div> 
    </div> 
    <div> 
    </div> 
    <div> 
    </div> 
</div> 

內的div有這個CSS：

float: left; 
margin-right: 40px; 
width: 100px; 

外的div有這樣的：

overflow-x: scroll; 
height: 275px; 
width: 300px; 

該div包含一個輸入複選框列表。我希望他們繼續滑動，然後進行水平滾動條顯示。相反，div的包裝。所以現在它們是垂直的，而我是垂直滾動。我怎樣才能讓他們繼續向右走？

Answer 1

使溢出容器Display:inline-block裏面的物品，並添加white-space:nowrap;到滾動集裝箱。

Answer 2

嘗試將內部div移動到左側，或嘗試將其顯示設置爲內嵌塊。

選項A：

float: left; 
overflow-x: scroll; 
height: 275px; 
width: 300px; 

選項B：

display: inline-block; 
overflow-x: scroll; 
height: 275px; 
width: 300px;