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;