如何使用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的默认值)将宽度设置为父节点的宽度

更新了小提琴

要更改的相关代码

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