html页面下难搞的多余的空白的问题

Question

1. 页面演示出现了莫名的空白,不知道只哪个属性造成的

2. 截图

其中整个html是1425 * 800的,外面没有其他容器,但是页面下面却多了100px多的空白,不知道怎么出来?

1. 试过html的padding,margin都无效,这个空白仍然在

更新:

不好意思各位,由于这个是个内部系统,不方便放上.

等我晚些时候把页面整理一下再放上

Answer 1

上链接 0.0

Answer 2

我也出现了这种问题，排查出来的原因是，有个动画是向下移动一段距离。

@keyframes myYmove {
  from {
    transform: translateY(0px);
    opacity: 1;
  }

  to {
    transform: translateY(62.5rem);
    opacity: 0;
  }
}

建议排查的方法：一个个删掉元素，如果有哪个元素删掉的瞬间，空白消失，就证明与该元素有关。