html - 如何使带有 nowrap 的父级继承内联块的宽度

Question

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

现在我只有一个外部 div

    white-space: nowrap;

和儿童 div

    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;
}