CSS样式影响错误ID的问题

Question

我制作了这个小提琴来演示：http://jsfiddle.net/Trblestrife/9HCCU/1/

基本上我使用的是黑色背景#000到ID #footer-sec（线182），然而黑色背景被应用到ID #footer-prim。令人困惑

如果有人能帮我弄清楚发生了什么，如果我的语义有问题或其他什么问题，那就太好了。我对此很陌生。

谢谢

编辑我的样式从CSS列的第150行开始。很抱歉让它变得如此庞大，但我需要一个快速解决方案，因为这是一个非常简单的问题，所以我只是复制&粘贴了我的整个重置工作表，而不是只添加相关的样式。再次抱歉！

Answer 1

因为将ul浮动在#footer-prim和#footer-sec内部，所以这些元素浮动在其父元素之外（分别为#footer-prim和#footer-sec）。

解决方案是通过使用以下代码让父级知道其内部有浮动的元素：

#footer-prim, #footer-sec {
    overflow: auto;
}

同时检查更新的Fiddle。

Answer 2

设置float:left。试试这个：

#footer-sec {
 background-color: #000;
 color: #999;
 float:left;
}

演示

Answer 3

你可以这样做：

添加：display: inline-block;

CSS：

#footer-sec {
    background-color: #000;
    color: #999;
    display: inline-block;
}

演示此处