Question

我正在创建一个网站（很明显是一个初学者），出于某种原因，在我的一个页面上，页脚部分比它应该的长得多。它的werid因为在其他页面上看起来很好。我在新页面上使用完全相同的代码，并且页脚完全没有问题。这是我在Chrome上检查元素时得到的结果：

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

我找不到任何关于非活动Wrappers的内容或任何我的css文件中的任何类型。谢谢你的帮助。

以下是上下文中的完整代码。它嵌入的唯一标签是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>

Answer 1

在CSS中指定规则以禁用skell-layers-inactiveWrapper效果：

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

Answer 2

检查您的脚本 skel-layers.min.js 。 ID #skel-layers-inactiveWrapper正在通过脚本动态更新，其高度为＆＃39; ＆＃39; 100％＆＃39;。

如果#skel-layers-inactiveWrapper在这个阶段确实是不受欢迎的，只需尝试将此css更新为“显示：无”＃。

。

CSS：

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

Answer 3

似乎是由这条线造成的。

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

您必须跟踪正在添加高度的脚本：100％css规则到此ID。

Answer 4

解决方案非常简单，这些是解决方案步骤

搜索并打开文件夹 js
搜索并打开文件： skel-layers.min
进入文件搜索 100％并替换为： 0％
就绪

我的页脚上有无法解释的空白区域

4 个答案: