不同页面上的相同页脚div看起来不同

Question

我刚刚用我的页脚div解决了一个问题,又做了一个:)

目前,我在这个页面上打破了页脚:

http://www.comehike.com/hikes/scheduled_hike.php?hike_id=189

看看页脚如何穿过整个页面？

现在看看这里:

http://www.comehike.com/earn_money.php

页脚遍布整个页面,并且还有更大的字母.

以下是我认为两页都使用的页脚样式.虽然这个想法可能是这里的问题:)

/* styles for footer */

.footer
{
    padding: 0.5em 0;
    margin: 0 auto;
    margin-bottom: 20px;  
    text-align: center;
    vertical-align:center;
    background: #fff;
    color: #462c1f;
    border: 10px solid #fff;  
}
.footer a, .footer span {
    color: #462c1f;
    font-size:85%;
}
.footer a {
    color: #7E9940;
    font-size:85%;
}

.footer a:hover {
    text-decoration: underline;
    color: #3f6b30;
}

Answer 1

第二种情况(我认为是正确的)http://www.comehike.com/earn_money.php,.footer内有.mainBody

第一个案例(http://www.comehike.com/hikes/scheduled_hike.php?hike_id=189)在外面!

这就是它与众不同的原因.

问题不在于CSS(在这种情况下),而在于页脚在html处的位置更多,它继承了其他容器的样式.