不同頁面上的同一頁腳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>標記，然后查看其作用。 路由覆蓋可能是一個促成因素，但是很難說，如果不能對其進行廣泛調試的話。