div的背景顏色僅延伸到div中h2的底部？

Question

我試圖在我的網站上使用Zurb Foundation創建一行。 對於此行，我希望背景色為紅色。 由於某些原因，背景色僅應用於行內的h3元素。 如何使背景顏色應用於整行？

HTML：

<div class="redBG">
    <h3>NUMBERS</h3>
    <div class="large-4 columns"><a title="1" href="#"><img src="http://blognumbers.files.wordpress.com/2010/09/1.jpg" alt="1"></a></div>
    <div class="large-4 columns"><a title="2" href="#"><img src="http://blognumbers.files.wordpress.com/2010/09/2.jpg" alt="2"></a></div>
    <div class="large-4 columns"></div>
</div>

CSS：

.redBG {
    background:red;
}

這是一個JSFiddle

謝謝！

Answer 1

嘗試添加overflow: hidden到容器div中。 然后將允許它包裝包含div的

.redBG {
    background: red;
    overflow: hidden;
}