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处的位置更多，它继承了其他容器的样式。

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;

Answer 3

我打赌你过早关闭div标签或者相对简单地关闭div标签。尝试在页脚之前和之后添加</div>标记，并查看其功能。或者删除</div>标记并查看其功能。路由覆盖可能是一个影响因素，但很难说没有能够进行广泛调试才能看到。

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

3 个答案: