我想制作我的 <html>和 <body>如果页面的高度不足以保证滚动，则标记为视口(viewport)的整个高度；如果滚动，则标记为网页的整个高度。
目前我正在使用这个 CSS:
html, body {
height: 100%;
}
如果网页不够高，用户无法滚动，这会很有用，但在长网页上，它只会达到用户浏览器视口(viewport)的高度。我也试过:
html, body {
min-height: 100%;
}
但这似乎与没有 height 具有相同的效果完全声明。
最佳答案
听起来你的目标是让 body
- 始终覆盖屏幕(内容最少或没有内容)
- 能够拉伸(stretch)(如果有大量内容)
如果是这种情况，下面的代码片段应该会有所帮助
/* this looks like it should work
html, body{
min-height: 100%;
}
but this ↓ does the trick */
html, body{
padding: 0;
margin: 0;
}
html{
height: 100%;
}
body{
min-height: 100%;
}
关于html - 如果页面滚动，使 html 和 body 拉伸(stretch)到 100% 高度或更多，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14151663/