溢出問題：自動

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/