不同页面上的同一页脚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的位置，而html继承了其他容器的样式。

Answer 2

页脚居中，因为边框与边框上方的主要部分的宽度相同，并且边框外部没有任何边距/边距会影响其位置。

至于文本大小，位于http://www.comehike.com/hikes/scheduled_hike.php?hike_id=189的页脚继承自body的文本大小，其样式为font-size: 1em; ，并且位于http://www.comehike.com/earn_money.php的页脚继承了div#layout2.content的文本大小，其中.content类具有font-size: 13px;样式font-size: 13px;

Answer 3

我敢打赌，您过早关闭div标签或相对简单的方法。 尝试在页脚之前和之后添加</div>标记，然后看看会发生什么。 或者删除</div>标记，然后查看其作用。 路由覆盖可能是一个促成因素，但是很难说，如果不能对其进行广泛调试的话。