我做了这个小提琴演示:http://jsfiddle.net/Trblestrife/9HCCU/1/
基本上我正在应用黑色背景
#000
到ID #footer-sec
(第182行),但黑色背景正在应用于ID #footer-prim
。
混乱!
如果有人可以帮我弄清楚发生了什么,如果我的语义有问题或者有什么不好的话。我对此很陌生。
谢谢A
修改 我的样式从第150行的CSS专栏开始。抱歉让它变得如此庞大,但我需要快速修复,因为这是一个非常简单的问题所以我只是复制&粘贴我的整个重置表而不是仅添加相关样式。对不起!
答案 0 :(得分:2)
由于您将ul
置于#footer-prim
和#footer-sec
内,这些元素会浮动在其父级之外(resp #footer-prim
和#footer-sec
)。
解决方案是让父母知道其中有浮动的元素,使用以下代码:
#footer-prim, #footer-sec {
overflow: auto;
}
同时检查updated Fiddle。
答案 1 :(得分:0)
答案 2 :(得分:0)
你可以这样做:
添加:display: inline-block;
#footer-sec {
background-color: #000;
color: #999;
display: inline-block;
}