在 CSS 中使用 vh 单元

Question

我在 html 中有一个元素，我希望它覆盖所有页面。我在 CSS 中编写以下代码：

div{
  width:100vw;
  height:100vh;
}

但在firefox、chrome和opera中，页面是滚动的。我在IE和Microsoft edge中没有这个问题。

Answer 1

用途：

body {
   margin: 0;
}

body {
    margin: 0;
}

div{
  width:100vw;
  height:100vh;
  background-color:yellow;
}

  <div></div>