div不能水平拉伸以包含儿童

Question

我的设置类似于这个小提琴中的设置。 http://jsfiddle.net/ysb9sfgr/

正如您将看到的，包含div不会扩展到所有孩子。

<div class="parent">

如何让父母伸展？

Answer 1

将display: inline-block;添加到div.parent

DEMO

div.parent {
    white-space: nowrap;
    background: #f00;
    display: inline-block;
}