Question

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

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

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

Answer 1

确保您定义了doctype

<!DOCTYPE HTML>

为我解决了这个问题。

*我知道我已经迟到了

Answer 2

尝试隐藏元素<div id="skel-layers-inactiveWrapper">

CSS

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

Answer 3

尝试将“100％”更改为较小的值，或发布更多代码，以便我们可以使用更多代码：）

Answer 4

100％的高度是指容器的高度。可能的情况是，有效的实例有一个周围的DIV，而这个DIV没有，所以它可能占据了整个身体的高度（或者更大的div）并且加倍。

Answer 5

以下是上下文中的完整代码。它嵌入的唯一标签是和标签。

<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>

＆＃34;非活动包装＆＃34;创造大量的空白

5 个答案: