我的页脚上有无法解释的空白答案

【问题标题】：Unexplainable white space on my footer我的页脚上有无法解释的空白
【发布时间】：2014-09-23 02:22:15
【问题描述】：

我正在创建一个网站（显然是初学者），出于某种原因，在我的一个页面上，页脚部分比预期的要长得多。它很奇怪，因为在其他页面上，它看起来不错。我在新页面上使用了完全相同的代码，而页脚完全不正常。这是我在 Chrome 上检查元素时得到的结果：

 <div id="skel-layers-inactiveWrapper" style="height: 100%;">

我在我的任何 css 文件中也找不到任何关于非活动 Wrappers 或任何类似内容的信息。感谢您的帮助。

这是上下文中的整个代码。它嵌入的唯一标签是 html 和 body 标签。

<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>&copy; All rights reserved 2014</li>
                </ul>
                                </div>

    </footer>

【问题讨论】：

你能发个小提琴吗？还是使用 SO 的新功能甚至只是截图？
发布网站链接，以便我们检查。
感谢回复，这里是：govpal.ca/register.php

标签： html css whitespace footer

【解决方案1】：

在你的 CSS 中指定一个规则来禁用 skell-layers-inactiveWrapper 效果：

#skel-layers-inactiveWrapper{
    display:none;
}

【讨论】：

【解决方案2】：

检查您的脚本 skel-layers.min.js。 ID #skel-layers-inactiveWrapper 正在通过脚本动态更新，“高度”为“100%”。

如果在这个阶段#skel-layers-inactiveWrapper 真的是不需要的，只需尝试将它的 css 更新为“显示：无”。

CSS：

#skel-layers-inactiveWrapper {
    display: none !important;
}

【讨论】：

【解决方案3】：

似乎是由这条线引起的。

<div id="skel-layers-inactiveWrapper" style="height: 100%;"></div>

您必须跟踪是什么脚本将 height: 100% css 规则添加到此 id。

【讨论】：

【解决方案4】：

解决方法很简单，这些是解决步骤

搜索并打开文件夹js
搜索并打开文件：skel-layers.min
进入文件搜索100%并替换为：0%
准备好了

【讨论】：