Question

我已经阅读了很多关于此问题的答案，但它并没有解决我的问题。在我滚动到底部的主页面上，页脚有一个额外的空间，但它下面的额外空间似乎是我页面的背景。在其他页面中，页脚是可以的。我认为这是因为我的主页内容很短。我实际上是通过添加保证金底部而在侧边栏上作弊。任何适用于所有浏览器的帮助和任何可以解决这个问题的屏幕尺寸？谢谢！

这是我的页脚的CSS：

#footerArea{
    height:108px;
    width:100%;
    z-index:5;
    background:url('../images/footerArea.jpg') #404042;


}
#footerPart{
    height:48px;
    width:988px;
    margin:0 auto;
    padding:0px;
    background:url('../images/footerbg.jpg') no-repeat #404042; 
}
#footerPart a {
    text-decoration:none;
}

#footerLink{
    margin:0 auto;
    padding:15px 0px 0px 0px;
    width:960px;

    }
#footerLink ul{
list-style-type:none;
float:left;
}
#footerLink ul li{
    display:inline;
    margin:0px 5px 0px 0px;
}
#footerLink ul li a{
    background:url('../images/footerbtn.jpg') no-repeat;
    font-size:10px;
    text-decoration:none;
    padding:0px 0px 0px 15px;
}

EDITED：这是来自footer.php

<div id="footerArea">
        <div id="footerPart">
        <div id="footerLink">
            <ul>
        <li><a href="<?php bloginfo('url'); ?>?page_id=10">xxx</a></li>
        <li> | </li>
        <li><li><a href="<?php echo get_option('home'); ?>/?page_id=17">yyyy</a></li>
        <li> | </li>
        <li><a href="https://zzz.com" target="_blank">zzzzz</a></li>
        <li> | </li>
        <li><a href="http://aaa.com" target="_blank">aaaaaa</a></li>

       </ul>
       <p class="fR">SOME TEXT　<a href="http://www.somesite.php" target="_blank">ggggg</a></p>
     </div>
   </div>
 </div>


</body>
</html>

我已经在Chrome，Firefox和IE中对其进行了测试，但它具有相同的输出。

Answer 1

检查文档末尾是否有某种网络跟踪代码或任何其他javascript（在javascript代码中）。虽然它必须是几行javascript代码，但有时在某些浏览器中占用页脚空间，特别是在IE中。如果您可以提供codepen参考，我们可以查看

Answer 2

在您的HTML中，您的<li>标记嵌入了另一个<li>，这会使您的代码无效，因为它没有结束标记。

除此之外，很难调试像“有额外空间”这样模糊的问题。为了提供进一步的见解，如果你能提供一个jsfiddle或类似的东西会很棒。

如果你不能提供或不知道如何，我可以提供一些调试技巧。如果您使用谷歌浏览器进行调试，您可以使用firefox（右击，“检查元素”）进入webkit检查器或firebug，然后查看CSS和装箱特征。

如果失败并且您仍然无法弄清楚导致额外空间的原因，您可以右键单击元素并开始删除您认为可能是问题根源的元素。一旦元素被删除，它将不再出现在您的浏览器中，因此如果您删除一个元素并且问题仍然存在，您可以放心地知道它不是那个元素（或者是多个元素，但是不要让它复杂化。）< / p>

Wordpress：页脚下方的额外空间

2 个答案: