如何使每个部分的高度相同？

Question

我想知道如何将每个名为#app，section2和section3的部分设置为相同的高度，即整个网页100％，如#app部分所示我的网站。例如，当我在#section2时，我不希望看到文本“PART 3”。我希望每个部分的高度等于单个页面。

以下是我正在尝试achieve.

的示例

为了使它们具有相同的高度我使用了下面的CSS，但是我显然错过了一些因为它不起作用的东西。

body,
html {
    width: 100%;
    height: 100%;
}

#app
#section2,
#section3,{
  height: 100vh;
  width: 100%;
}

以下是使用jsfiddle

指向我的网站代码的链接

Answer 1

implementation 'com.google.android.gms:play-services-location:16.0.0'

您的初始CSS编写不正确，因此上述代码（已更正）从未正确应用。解决这个问题，你就可以很好地实现预期的效果了。