我刚刚解决了一个与页脚 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;
}
最佳答案
第二种情况(我认为是正确的)http://www.comehike.com/earn_money.php , 在 .mainBody
.footer
第一个案例(http://www.comehike.com/hikes/scheduled_hike.php?hike_id=189)在外面!
这就是它与众不同的原因。
问题不在于 CSS(在这种情况下),而更多在于页脚在 html 中的位置,它继承了其他容器的样式。
关于css - 不同页面上的相同页脚 div 看起来不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6866887/