html - Div Wrapper 背景颜色不显示

Question

我的页脚背景颜色没有显示...

我错过了什么？

测试站点是http://qtest.pw

我正在按要求添加额外的词...不知道还能说什么..所以我会继续输入直到它说可以

HTML

  <div id="FooterWrapper">  
    <div id="FooterDiv1"><img src="images/ada-logo.png" alt="American dental Association - Helmich Dental">
    </div>
    <div id="FooterDiv2">
    </div>
    <div id="FooterDiv3">
    </div>
    <div id="FooterDiv4">
  </div> 

CSS

#FooterWrapper {
    clear: both;
    margin: auto;
    max-width: 1232px;
    display: block;
    padding-left: calc((100% - 1232px)/2);
    padding-right: calc((100% - 1232px)/2);
    background-color: #000;
}
#FooterDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 19%;
    display: block;
    padding: 2%;
}
#FooterDiv2 {
    clear: none;
    float: left;
    margin-left: 0;
    width: 19%;
    display: block;
    padding: 2%;
}
#FooterDiv3 {
    clear: none;
    float: left;
    margin-left: 0;
    width: 19%;
    display: block;
    padding: 2%;
}
#FooterDiv4 {
    clear: none;
    float: left;
    margin-left: 0;
    width: 19%;
    display: block;
    padding: 2%;
}

Answer 1

尝试添加这个来清除包含在中的元素上的 float ；

#FooterWrapper:before,
#FooterWrapper:after {
    content:"";
    display:table;
}

#FooterWrapper:after {
    clear:both;
}