Div背景颜色仅在＆lt; 992px断点处可见

Question

http://www.clickityclick.me/HarcourtV3/index.html

我在页脚中应用了背景颜色，但无法正确显示。

在较小的屏幕尺寸（<992px）下，背景颜色按预期显示。除了在div顶部的填充部分外，它不会显示较大的尺寸。

我试过了：

• 将页脚元素设置为具有背景颜色（页脚{background-color：...}）
• 将包含div设置为具有背景颜色（#fatFooter {background-color：...}）
• 将背景颜色类应用于包含div（.grnBG {background-color：...}）
• 在所有情况下使用！important

现阶段的任何建议都欢迎。

Answer 1

向您的overflow: hidden和footer div添加#fatFooter将解决此问题。只需将此CSS添加到样式表中：

footer, #fatFooter {
     overflow: hidden;
}

Answer 2

你需要像这样添加clearfix到#fatFooter：）

<div id="fatFooter" class="VerPad0015 clearfix">

Answer 3

<div class="col-md-3 col-sm-6 clearfix">

（就在<div id="#fatFooter">

之后

这增加了FLOAT：LEFT。

删除它，一切都会好的