我有这样的页面
<html>
<body>
<section id="the-view-port">
截面高度为100vh
#the-view-port { height: 100vh; }
在Chrome（版本73.0.3683.86（官方内部版本）（64位））中，该窗口下方有一些内容。如果我右键单击该部分并进行检查，我将进入html标签。
html标签下面是什么？我如何摆脱它？
嗯，是的，可能还有其他一些相关的CSS。
box-sizing: border-box; // on html
display: flex // on body
flex-direction: column;
flex-wrap: nowrap;
最佳答案
它是按用户代理样式表在正文上的边距吗？
<html>
<head>
<style>
html {
box-sizing: border-box;
flex-direction: column;
flex-wrap: nowrap;
}
body {
display: flex;
margin: 0;
}
</style>
</head>
<body>
<section style="height: 100vh;" id="the-view-port">
</section>
</body>
</html><html>
<head>
<style>
html {
box-sizing: border-box;
flex-direction: column;
flex-wrap: nowrap;
}
body {
display: flex;
}
</style>
</head>
<body>
<section style="height: 100vh;" id="the-view-port">
</section>
</body>
</html>关于css - 什么比html标签大？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55524111/