即使高度为 100%，html 元素也不会占用浏览器的高度

Question

当我检查我的 html 元素时，我发现它没有占用 100% 的浏览器 View ，即使我在我的 css 工作表中将高度设置为 100%。我用 chrome 和 firefox 测试它，它是一样的。浏览器将 display:block 添加到我的 html 元素可能是这个原因吗？

Answer 1

it is not taking 100 % of the browser view

如果您严格希望元素采用“浏览器 View ”或所谓的视口(viewport)的高度，只需执行以下操作:

#element {
  height: 100vh;
}

这会将元素设置为视口(viewport)高度的 100%。检查this page浏览器支持信息。