我正在创建一个网站(显然是初学者),由于某种原因,在我的一个页面上,页脚部分比预期的要长得多。它的werid是因为在其他页面上,它看起来很好。我在一个新页面上使用了完全相同的代码,页脚完全不正常。以下是我在Chrome上检查元素时得到的结果:
<div id="skel-layers-inactiveWrapper" style="height: 100%;">
在我的任何css文件中,我都找不到任何关于非活动包装器的信息或类似的信息。谢谢你的帮助。
确保您有一个doctype定义的
<!DOCTYPE HTML>
为我解决了这个问题。
*我知道我在这个上有点晚了
尝试隐藏元素<div id="skel-layers-inactiveWrapper">
CSS
#skel-layers-inactiveWrapper{
display:none!important;
}
尝试将"100%"更改为较小的值,或发布更多代码,以便我们有更多的工作要做:)
100%的高度是指容器的高度。有可能工作的实例有一个周围的DIV,而这一个没有,所以它可能占据整个主体的高度(或更大的DIV)并将其加倍。
这是上下文中的整个代码。它嵌入的唯一标记是和标记。
<footer id="footer">
<!-- Contact -->
<h2 class="major"><span><a href ="/contact.php"> Get in touch</a></span></h2>
<center><ul class="contact">
<li><a class="icon fa-facebook" href="#"><span class="label">Facebook</span></a></li>
<li><a class="icon fa-twitter" href="#"><span class="label">Twitter</span></a></li>
<li><a class="icon fa-google-plus" href="#"><span class="label">Google+</span></a></li>
</ul></center>
<!-- Copyright -->
<div id="copyright">
<ul class="menu">
<li>© Govpal. All rights reserved 2014</li>
</ul>
</div>
</footer>