html - 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 可以根据需要扩展。