为什么父 div 的宽度没有延伸到孩子的宽度

Question

看看这个jsfiddle：

http://jsfiddle.net/w9k2sz52/

#content {
    background: #ff0000;
    min-height: 200px;
}
.container-fluid {
    min-width: 2000px;
}

<div id="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-12">
                <h1>Some title here</h1>
            </div>
        </div>
    </div>
</div>

为什么#content 的宽度没有拉伸到 2000px 而不是视口的宽度？我需要做什么才能使内容拉伸，以便无论在容器流体上设置什么最小宽度#content 都将始终拉伸以适应它

Answer 1

设置#content为inline-block，然后设置min-width为100%。请注意，设置width为100%不会产生所需的效果。

#content {
    background: #ff0000;
    min-height: 200px;
    min-width: 100%;
    display:inline-block;
}