溢出问题：自动

Question

我有这些部分标题，背景在框外（看起来像一个功能区）。但是高度需要调整以适应长标题，内部容器将超出包含div的hte。所以我在外部div上放了一个溢出：auto，但这会切断色带的外侧部分。

有什么想法吗？

http://jsfiddle.net/S2p83/

Answer 1

您可以在要拉伸的内部容器关闭之前插入一个破坏元素（类似<div style="clear: both;"></div>或<br style="clear: both;">但是，这会添加不必要的标记。

你更好（在我看来更合适）选项是在CSS中修复它。您将要在整个容器上使用clearfix。您最好的选择是添加CSS clearfix类。我更喜欢"Micro Clearfix" hack，我在这里应用了您的代码：

http://jsfiddle.net/N2Mh7/

编辑：预澄清答案：

你需要自己调整身高。因此，设置min-height并使用background-size（但要注意向后兼容性）以拉伸背景。

问题是，你的背景不会很好。因此，您可能需要重新考虑该横幅中允许的文本数量。

这是一个更新的jsfiddle：

http://jsfiddle.net/Dmm34/