我需要将文本放在单行滚动 div 中，适合两个 div。
目标是所有都适合一行！
编辑：我想我不够具体，我需要将链接和文本放在同一行。这样，滚动是垂直的。
编辑：这是现在最接近我需要的。仅缺少滚动方面。 http://jsfiddle.net/BKvzV/4/
【问题讨论】：
如果我没看错，你不需要打破你的文本，而是继续前进，永远不要离开第 1 行，所以你可以像这样使用 CSS：
您的 CSS 已更新
#flash {
float:left;
width: auto;
font-size: small;
font-style: italic;
text-align: center;
white-space:nowrap;
}
区别在于white-space:nowrap;
谁看不到呢：
已编辑以考虑已编辑的问题！
编辑考虑到页脚内的所有 div 必须并排！
请注意，此解决方案使用 Jquery 实时收集每个 div 的宽度并汇总在一起以设置页脚 div。没有它就做不到！
编辑让所有 3 个 div 在包装宽度内并排
在 Fiddle 示例中，包装器是主体
【讨论】：
#flash {
float:left;
width: auto;
font-size: small;
font-style: italic;
text-align: center;
/*These lines do the trick*/
overflow-x: scroll;
white-space: nowrap;
width: 100%;
}
【讨论】：
width:auto，然后width:100% 为同一个#flash id....
#flash {
float:left;
width: auto;
font-size: small;
font-style: italic;
text-align: center;
white-space:nowrap; /* will put text in 1 line */
overflow-x:scroll; /* will add horizontal scroll bar should the length exceed the container */
}
【讨论】：
据我所知，当 3 个 div 都设置为 width:auto; 时，没有办法 * 让 3 个 div 在同一个空间 (100%) 上竞争。即使您使用overflow，或in-line，或到目前为止建议的其他方法，我认为左侧 div 将始终占据它需要的空间，然后是中间，然后是右侧...... 除非 em> 你使用设置宽度
我不知道这是否可能，因为您使用的是width:auto;。这似乎允许 div 尽可能宽地扩展，从而使其太大而不能只放在一行中。
如果您将链接更改为设置大小，例如 width:10%，那么其中 4 个链接会留下 60%，因此您可以将 #flash {width:60%; overflow-x:auto;} 设置为可滚动且一行
【讨论】：
使用 JQuery，我让中间 div 根据左右 div 改变大小。
jquery:
$(function () {
var midWidth = $(document).width() - ($('#left').width() + $('#right').width());
$('#flash').width(midWidth);
});
希望这会有所帮助。
编辑：添加到 div 的 css 中：
height: 36px;
overflow: scroll;
它更接近您可能想要的。
我不确定如何让框只显示一行。
【讨论】：
删除浮动：左
#flash {
font-size: small;
font-style: italic;
text-align: center;
white-space:nowrap;
overflow-x:scroll;
}
试试这个：
【讨论】：