Question

在我的页面中，我无法在页脚底部修复白色块。 Image

Answer 1

<div style="position: absolute; z-index: -10000; top: 0px; left: 0px; right: 0px; height: 3994px;"></div>

在HTML文档页脚的两个位置删除上面的代码行。

DIV没有名称，因此不能被JavaScript引用 DIV元素中没有任何内容，因此它似乎只是作为间隔符

z-index表示它位于网页上元素的背景，告诉我它的设置只是一种定义页面高度的方法，因为它的高度设置为3994像素

在最初设计你的页面时，它可能已被放置在那里，因为除了拉伸页面的高度之外，它实际上什么都不做。

找到上面的代码行出现（在输出上）位于此处（注意输入相同的两行）

  <script src="js/scripts.js"></script>
  <div style="position: absolute; z-index: -10000; top: 0px; left: 0px; right: 0px; height: 3994px;"></div>
  <div style="clear: both;"></div>
  <div style="position: absolute; z-index: -10000; top: 0px; left: 0px; right: 0px; height: 3994px;"></div>
  <div style="clear: both;"></div>
</body>
<!-- <body> -->

Answer 2

您的问题是由页面上的最后两个div元素引起的。它们都具有不正确的样式，适合您想要达到的高度。要更正此问题，请将这两个元素的style属性中定义的高度更改为适合您的值。在这种情况下，将它们更改为3800px将解决您的问题并删除页面底部的空白区域。

在属性方面，没有任何方法可以引用它，这会让我相信它们实际上被添加到创建空白区域。

您可以调整它们的大小，也可以从DOM中删除它们以删除空格。

底部的空白白色块，在页脚页面

2 个答案: