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>

END

Answer 1

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

</div>

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

   <div id="footer-content">

   </div>

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

Answer 2

页脚似乎在那里，背景为＃F8F8F8 youc代码中的页脚中没有文字......

#footer background纯色无法在容器上工作

2 个答案: