如何将网页显示到特定的 DIV（高度）

Question

我的页面中有 10 个 DIV，每个 DIV 包含图像、文本、滑块、视频等内容。

假设这些 DIVS 按此顺序排列。

class="DIV 1"

class="DIV 2"

class="DIV 3"

class="DIV 4"

以此类推，最多 10 个 DIV。

我想在笔记本电脑显示器等每个屏幕上将我的页面显示到 DIV 5。

即每当页面在任何屏幕上加载时（无论高度是多少），它都应显示为 DIV 5。

我尝试将此 css 应用到 DIV 5，但没有成功。

    .DIV5
 {
  width: 100%;
  position: relative;
  max-height: 100%;
  height: 90vh;
 }

它会下降到 768 像素这样的高度。

Answer 1

您应该为您的 div 使用 height: 20vh;，在这种情况下，第一个 5 个 div 应该占据 20% 的视口，而第 6 个 div 将在加载时超出屏幕。

编辑：更新 JSFiddle

请看JSFiddle