我有这些带有标题的部分，其中背景位于框外（看起来像一个功能区）。但是高度需要调整以适应长标题，并且内部容器将位于包含div的hte之外。所以我在外部div上放了一个溢出：auto，但这会切断ribbon的外部。
有什么想法吗？
http://jsfiddle.net/S2p83/
您可以在要拉伸的内部容器的关闭之前插入一个中断元素（类似于<div style="clear: both;"></div>或<br style="clear: both;">，但这会添加不必要的标记。
你更好（在我看来更合适）的选择是在CSS中修复它。您将希望对整个容器使用clearfix。最好的选择是添加一个CSS clearfix类。我更喜欢"Micro Clearfix"破解，我在这里将其应用于您的代码：
http://jsfiddle.net/N2Mh7/
编辑：预澄清答案：
您需要让高度自行调整大小。因此，设置一个min-height并使用background-size（但要注意向后兼容性）来拉伸背景。
问题是，你的背景不够好。所以，你可能需要重新考虑在横幅中允许多少文本。
这里有一个更新的jsfiddle:
http://jsfiddle.net/Dmm34/