Question

我有跟随DIV：

<div class="container">
    <div>Box 1</div>
    <div>Box 2</div>
    <div>Box 3</div>
</div>

关注CSS：

.container{
    width:200px;
    height:100px;
    background-color:gray;
    overflow: auto;
}

.container div{
    width:80px;
    height:80px;
    background-color:red;
    display:inline-block;
}

返回此结果： http://jsfiddle.net/becy1x62/

我想要一个水平滚动条而不是垂直滚动条。我不知道为什么容器内的DIV会断线。

韩国社交协会

Answer 1

您在容器上设置了200px的宽度。这迫使包装。为防止这种情况，请使用white-space属性：

.container {
    ...
    white-space: nowrap;
}

<强> Demo

嵌套的DIV和水平滚动条

1 个答案: