问对于html和body元素，height: 100%还是min-height: 100%？
EN

Stack Overflow用户

提问于 2013-07-10 02:36:14

回答 1查看 72.3K关注 0票数 88

在设计布局时，我将html, body元素的height设置为100%，但在某些情况下，这会失败，那么应该使用什么？

html, body {
   height: 100%;
}

或

html, body {
   min-height: 100%;
}

好吧，这不是基于观点，因为每种方法都有自己的缺陷，那么推荐的方法是什么?为什么？

发布于 2018-09-25 17:49:22

可以使用视口高度(vh)单位：

body {
    min-height: 100vh;
}

它是与屏幕相关的，而不是与父高度相关的，所以你不需要html高度: 100%。

票数 20

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17555682

复制

相似问题

问对于html和body元素，height: 100%还是min-height: 100%？EN