WordPress的：页脚下的额外空间

我已经阅读了很多关于此的答案，但它不能解决我的问题。在滚动到底部的主页面上，页脚有一个额外的空间，但它看起来像它下面的额外空间是我的页面的背景。在其他页面中，页脚没问题。我认为这是因为我的主页有一个简短的内容。我实际上通过增加保证金底部来欺骗其侧边栏。适用于所有浏览器和任何屏幕大小的任何帮助将解决此问题？谢谢！WordPress的：页脚下的额外空间

这是我页脚的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; 
}

编辑：这是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测试，但它具有相同的输出。

来源

2013-05-15 Monica Negapatan

我们需要的不仅仅是CSS ......尝试包括一些HTML结构......您还使用了哪种浏览器？您是否尝试过其他浏览器？ – hayonj

请重新检查，编辑它。 –

请尝试了解您的问题缺乏信息。哪个是您的#footArea选择器定位的元素的上下文？那边有包裹吗？顺便说一句，你是否知道一个z-index值只对定位元素有意义？请。善待。将html和css包含在你的问题中，肯定很多人都会很乐意帮助你。 – Fico

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

简而言之，很难调试这样一个模糊的问题，因为“有额外的空间”。为了提供进一步的洞察力，如果你可以提供一个jsfiddle或类似的东西，那将是非常好的。

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

如果失败了，你仍然无法弄清楚是什么导致了额外的空间，你可以右键点击元素并开始删除那些你认为可能是问题根源的元素。一旦一个元素被删除，它将不再出现在你的浏览器中，所以如果你删除一个元素并且问题依然存在，那么你可以很容易地知道它不是那个元素（或者是多个元素，但是不要那么复杂。）

来源

2013-05-15 04:09:20 user2380171

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

来源

2013-05-15 06:05:24 dhanush

WordPress的：页脚下的额外空间

回答

相关问题