CSS样式的问题会影响错误的ID

时间:2013-11-25 07:58:30

标签: html css jsfiddle

我做了这个小提琴演示:http://jsfiddle.net/Trblestrife/9HCCU/1/

基本上我正在应用黑色背景     #000到ID #footer-sec(第182行),但黑色背景正在应用于ID #footer-prim。 混乱!

如果有人可以帮我弄清楚发生了什么,如果我的语义有问题或者有什么不好的话。我对此很陌生。

谢谢A

修改 我的样式从第150行的CSS专栏开始。抱歉让它变得如此庞大,但我需要快速修复,因为这是一个非常简单的问题所以我只是复制&粘贴我的整个重置表而不是仅添加相关样式。对不起!

3 个答案:

答案 0 :(得分:2)

由于您将ul置于#footer-prim#footer-sec内,这些元素会浮动在其父级之外(resp #footer-prim#footer-sec)。

解决方案是让父母知道其中有浮动的元素,使用以下代码:

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

同时检查updated Fiddle

答案 1 :(得分:0)

设置float:left。试试这个:

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

Demo

答案 2 :(得分:0)

你可以这样做:

添加:display: inline-block;

CSS:

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

DEMO HERE