html - #footer 背景纯色不适用于容器

Question

http://preview.goodinkproductions.com/CG8F13

我已经设法让页脚跨越整个站点(不同于容器和 AOK 中的正文)。但是，我无法让页脚背景变得坚实。看起来我下面有一条纯色带，但页脚内容不在那个“空间”中。我想要的只是一个包含内容的固定跨度页脚!

CSS
/* 页脚 ---------------------------------------------- ------------------------------*/

#footer {
width: 100%; 
background-color:#FF8800;
}
#footer-content{
width: 950px;  
height: 80px;
margin-left: auto;
margin-right: auto;
}

#footer p {
color: #878787;
font-size: 12px;
}

#footer blockquote {font-size:11px; color:#999;}

#footer a {
color: #a59b8c;
}

#footer a:hover {
color: #cab99f;
}

#footer span {
vertical-align: middle;
}

#footer h2 {
font-size: 15px;
margin: 0 0 2px;
padding: .3em 0;
line-height: 1.5;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-weight: 700;
color: #ebb058;
}

.wsite-footer {  /* make sure enough space between element footer and attribution */
margin-bottom: 15px;
}

HTML ---------------------------------------------- ------------------------------ {标识} {菜单} {电话:短信} {社会的} {搜索} {内容}

</div>

</div>
<div style='padding: 20px; width:100%; text-align:center;'>{footer}</div>
</body>
<div id="footer">

   <div id="footer-content">

   </div>

</div>
</html>

结束

Answer 1

我不太明白这里发生了什么，但你需要将页脚 div 放在 body 标签内。

</div>

</div>
<div style='padding: 20px; width:100%; text-align:center;'>{footer}</div>
<div id="footer">

   <div id="footer-content">

   </div>

</div>
</body>
</html>