div 中的 CSS 文本不在下一行答案

【问题标题】：CSS text in a div not on next line when a divdiv 中的 CSS 文本不在下一行
【发布时间】：2012-02-12 19:57:15
【问题描述】：

如果我想在一个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%;
}

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

有什么建议吗？

谢谢！

【问题讨论】：

标签： css

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

您需要做的就是为框架 div 指定高度：http://jsfiddle.net/aFDEL/

【讨论】：