Question

好的，所以我上次问了这个问题，由于一些奇怪的原因，它被关闭了，因为它“无关紧要”。我根本看不出这是“无关紧要的”。我用高细节彻底解释了这个问题。所以这是我的第二次尝试。

问题：我网站的底部有一个很大的差距。那里什么都没有，我不知道是什么导致了这个问题。

图片： WITHOUT EXPLANATIONS

WITH EXPLANATIONS

你得到我想说的话？我想删除的差距很大。我希望我的内容在它结束的地方结束，但是在它之后绝对没有什么大的差距！

网站小提琴： Click THIS FIDDLE

所以，如果向下滚动，你可以看到绝对虚无的巨大差距，是吗？这就是我想解决的问题。请帮帮我！

Answer 1

top: -382px;导致页脚下方的空间。另外，为什么不使用margin: 0 auto;来使元素居中。最后，有很多tags 未经审查。

改变这个：

#footer {
  color: white;
  text-align: center;
  background-color: black;
  top: -382px;
  position: relative;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  padding: 20px;
  margin: 0px;
  font-family: Roboto;
  z-index: -1; }

对此：

#footer {
  color: white;
  text-align: center;
  background-color: black;
  position: relative;
  margin: 0 auto;
  width: auto;
  height: auto;
  padding: 20px;
  font-family: Roboto;
  z-index: -1; }

这是 fiddle

在我的网站上绝对没有任何差距[HTML / CSS]

1 个答案: