html - 如何将可滚动 Div2 中 Div1 的宽度动态更改为 Div2 的宽度

Question

如何将可滚动 Div2 中 Div1 的宽度动态更改为 Div2 的宽度。检查这个 Jsfiddle http://jsfiddle.net/xdKrF/34/您会看到绿色背景停在 1 点(默认宽度大小)。我想让绿色背景的 div 扩展到整个可滚动的 div。

重要要求，TEXT 不得更改且必须保持在 1 行内。

有人对此有简单的解决方案吗？我能想到的复杂/hacky 解决方案是可滚动的宽度为 1000%，当它不可滚动时，它将是默认/100%。使用@media。

HTML

<div id="container" style="overflow:auto">
<div id="content">
    Well hello
</div>
<p>TEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXT</p>  

CSS

#content{
white-space:nowrap;
background:green;
}

Answer 1

好的，我找到了解决方案。

包装一个容器并为其应用float:left;。

http://jsfiddle.net/2ugbkb6r/