如何使用nowrap创建父级继承内联块的宽度

Question

我无法让父母继承其子女的宽度。 jsfiddle在这里http://jsfiddle.net/4mk3S/

现在我只有一个带

的外部div

    white-space: nowrap;

和孩子们一起玩

    display: inline-block;

我希望外部div继承它的整个子组的宽度。任何帮助都会非常感谢，谢谢！

代码：

<div class="outer">
    <div class="inner"></div>
    <div class="inner"></div>
    <div class="inner"></div>
</div>

.outer {
    white-space: nowrap;
    padding: 10px;
    background: green;
}

.inner {
    display: inline-block;
    width: 1000px;
    height: 100px;
    background: red;
}

Answer 1

将display: inline-block;添加到父级

inline-block强制容器包装其所有子节点，而block（div的默认值）将宽度设置为父节点的宽度

<强> Updated fiddle

要更改的相关代码

.outer {
    white-space: nowrap;
    padding: 10px;
    background: green;
    display:inline-block;
}