当div时，div中的CSS文本不在下一行

Question

如果我想在div中添加div：

 <div id="frame"><div id="content">Very long text....</div></div>

我希望内容div与文本一样宽，因此文本不会在下一行继续，我该怎么做？此外，将在框架div之外的文本（因为内容div将比框架div更宽）必须不可见。我将添加一个拖动功能来显示不可见的文本。

目前，我有以下CSS：

#frame{
  clear: both;
  overflow: hidden;
}

#content{
  display: block;
  float: left;
  width: 100%;
}

但是这会导致所有文本在frame div中都可见，因为文本会在下一行继续。

有什么建议吗？

谢谢！

Answer 1

使用     ＃内容     {       空白：NOWRAP;
    }

http://jsfiddle.net/TX9Le/

参考：http://www.w3schools.com/cssref/pr_text_white-space.asp

Answer 2

添加white-space: nowrap：http://jsfiddle.net/R8avX/

Answer 3

您需要做的就是给帧div赋予高度：http://jsfiddle.net/aFDEL/