无法将样式应用于页脚div中的元素

Question

在this simple site上，我做了几次改动，没有任何障碍。但是，页脚不合作。我对页脚中的元素所做的任何操作都没有任何效果。此时，我只是尝试将任何属性应用于子元素以查看它们是否成立，但无济于事。影响子元素的唯一属性是应用于父div（页脚）的4个属性。这四个属性是导致子元素处于当前位置的原因：

#footer {
    color: #FFFFFF;
    font-family: Helvetica,sans-serif;
    font-size: 14px;
    text-align: center;
}

就是这样！我无能为力。如果我删除这些属性，子元素会做出相应的反应，但是没有属性可以应用于子元素本身以进行任何更改。这与徽章有什么关系吗？我没看到什么？我通过Firefox使用Firebug，甚至在那里，当我点击子元素时，Firebug不断向我展示上面的CSS样式，这意味着我为子元素编写的样式甚至都没有被识别。

Answer 1

实际上，您网站上的问题似乎是页脚div上缺少右括号。它导致下一个规则被忽略，这具有级联效应。

修复这些错误，您应该会看到所应用的更改：

Answer 2

.clearfix{clear:both;}

<div id="footer">
   <div style="float:left;width:50%;height:50px">11</div>
   <div style="float:left;width:50%;height:50px">111</div>
   <div class="clearfix></div>
<div>

Answer 3

你的css中有一个错误，可能导致这一切：

#footer{
    width: auto;
    height:auto;
    font-family:Helvetica, sans-serif;
    font-size:14px;
    color:#FFF;
    clear:both;
    background-color:#000;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    padding-top:4px;
    padding-bottom: 4px;
    a:link {             /* big no no... take this out of the #footer rules */
    color: #FF0;
    text-decoration: none; 
}