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

时间:2018-05-05 11:55:29

标签: javascript html web

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

链接页面:http://rewardapp.online/index.html

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

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

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

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