溢出问题：自动

Question

我有这些标题的部分，背景在盒子外面（看起来像一条丝带）。但高度需要调整以适应较长的标题，并且内部容器将超出包含div的hte。所以我在外面的div上放了一个overflow：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/