无论父宽度如何,都将div放在一起

Question

我想把div放在一起.我不知道div的数量,因为这是动态创建和更改的.我想有一个父div,如果有很多子div(并且它们的宽度大于父级),它将有滚动条.

这是jsFiddle的例子.所以,基本上我想拥有所有这三列,彼此相邻,并在父div的底部使用滚动条.

HTML:

<div class="content">
    <div class="column">Column</div>
    <div class="column">Column</div>
    <div class="column">Column</div>
</div>

CSS:

content {
    width: 100px;
    background- color: #355E95;  
    overflow: visible;
}

.column {
    width: 50px;
    display: inline-block;
}

Answer 1

添加white-space:nowrap到您的父div.

小提琴