";非活动包装器”;从而产生大量的空白空间


"Inactive Wrapper" creating TONS of blank space

我正在创建一个网站(显然是初学者),由于某种原因,在我的一个页面上,页脚部分比预期的要长得多。它的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>&copy; Govpal. All rights reserved 2014</li>
                    </ul>
                                    </div>
        </footer>