css - 不同页面上的相同页脚 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 , 在 .mainBody

中有 .footer

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

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

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