javascript - 当我使用 JS toggle() 显示它时，为什么在我的 div 元素下方形成一个大间隙？

Question

我的页面按照我想要的方式运行(基于我之前提出的问题)。但是，当我显示时间线(默认为显示:无)时，它会在其下方创建一个大的空白空间。我怎样才能删除这个空白空间？我只希望时间轴在单击时替换图像，反之亦然。

这是我的 code pen

I don't know what code to include here. 

Answer 1

您正在使用 position:relative 并赋予 css top 值。这就是导致这个问题的原因。我用位置和最高值对 css 做了一些更改。这按您的要求工作。

#timeline{
  position:absolute;
  background-color:beige;
  /*top:-829px;*/
  top:210px;
  width: 755px;
  height: 827px;
  margin-left: 180px;
}

希望这能解决您的问题。