div的定位不正确

Question

如何解决这个不幸的div定位？从Codepen here可以看到#about div和#link div将被重叠。这将是一个全屏单页可滚动网站，并设置每个div有一个完整的高度我写了以下行我认为导致问题的代码。 先感谢您！ ：）

#main, #about, #link, #third {
  height: 100vh;
  padding-top: 40px;
}

编辑：问题出现在小型设备上（即使您缩小了窗口的大小）。 ID为#about的div放在ID为#link的div下，结果是文本难以辨认。

Answer 1

请尝试使用min-height: 100vh代替height: 100vh，以便在需要时扩展div。