CSS overflow-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

尝试将内部div也浮动到左侧，或尝试将其显示设置为内联块。

选项A：

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

选项B：

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

Answer 2

在溢出容器Display:inline-block内创建项目，并将white-space:nowrap;添加到滚动容器中。