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

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 的默认设置)将宽度设置为父元素的宽度

Updated fiddle

待改的相关代码

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