如何使用完整的浏览器宽度的布局容器？ [关闭]

Question

关闭。这个问题需要更多focused。它当前不接受答案。

---

是否要改善此问题？更新问题，使其仅按editing this post专注于一个问题。

关闭2分钟前。

我正在创建一个个人网站。我想使用一种布局，其中div使用浏览器中的所有可用空间从上到下，从左到右填充。我该如何实现？使用哪些组件？我几乎是一个HTML新手，不胜感激的解释的答案：-）

Answer 1

.fullWidthBox {
  width: 100vw;
height:100vh;
background-color:teal;
}

<div class="fullWidthBox"></div>

Answer 2

.fullWidthBox {
  width: 100vw;
height:100vh;
background-color:teal;
}

<div class="fullWidthBox"></div>