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;
}

Here's a JSFiddle

谢谢！

Answer 1

尝试将overflow: hidden添加到容器div中。然后，它将允许它包含包含div的

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