如何设置html和body标记来包装整个屏幕？
我想做的是，我的如何设置html和body标记来包装整个屏幕？,html,css,Html,Css,我想做的是，我的html和body标记占据任何计算机的全屏。屏幕的限制取决于不带滚动条或溢出的每台计算机的屏幕。 这是我简单的HTML代码： <body> <div id="centerDiv"></div> </body> 你可以看到卷轴 证明2 然后，在看到滚动条出现后，我尝试将html标记更改为minheight:100%因此html标记如下： html{ 最小高度：100%； 背景颜色：蓝色； } 您可以在中看到滚动消失，但主体标
htmlbodyHTML<body>
<div id="centerDiv"></div>
</body>
证明2 然后，在看到滚动条出现后，我尝试将
htmlminheight:100%htmlhtml{
最小高度：100%；
背景颜色：蓝色；
}
主体证明3 此外，我还尝试将
htmlbodyminheight:100%但结果与案例2中的结果相同
我认为最小高度：100%（代码>）将是默认高度，以父级的高度作为参考，但它似乎不起作用。它是作为bug发布的，但不是在html
或body
标记上使用它
环顾Stackoverflow，我可以看到在某些情况下，人们对父元素使用display:table
，而display:table行min height
时，对其使用code>，但在这种情况下，我使用html
和body
标记，我不知道将这两个标记设置为表是否非常合适
我想要它的性能是，我的网页看起来像我的第二个证明，但是主体
标签也包裹了所有屏幕
如何实现它？使用视口单位替代@dippas的解决方案：
*，：之前，：之后{
保证金：0；
}
身体{
高度：100vh；
宽度：100vw；
背景：绿色；
}
具有默认的边距
，因此您需要在
上重置边距
html，
身体{
身高：100%；
}
身体{
背景颜色：绿色；
保证金：0
}
#中心驾驶员{
高度：100px；
宽度：100px；
背景色：红色；
保证金：自动；
}
别忘了做填充：0；保证金：0 < /代码>。我会考虑添加<代码>溢出：隐藏< /代码>以及隐藏所有滚动条，以防用户触发浏览器操作时不需要它们（EX:Chrome打开下载工具栏）认为边缘和IE支持还没有满，您可以在这里查看代码>部分支持是指不支持“Vmax”。单元。
--
vmax
在这里没有使用，但仍然需要指出。以防万一：）另外，当你想支持旧的IE版本时（我的意思是几乎所有的前端开发人员都倾向于假装他们不存在，我这样生活会更快乐）这可能会导致问题我必须说，在试图支持1.5%仍在使用旧版本IE的用户时，很难提出一个好的理由，特别是当微软完全放弃对他们自己的IE产品线的支持时。在某些情况下，这样做是有意义的，但这更多的是例外而不是规则。