如果页面不够高而不能保证滚动,我想让我的 <html>
和 <body>
标签成为视口(viewport)的整个高度,或者如果滚动则是网页的整个高度。
目前我正在使用这个 CSS:
html, body {
height: 100%;
}
如果网页的高度不足以让用户滚动,这将是一种享受,但是在长网页上,它只会到达用户浏览器视口(viewport)的高度。我也试过:
html, body {
min-height: 100%;
}
但这似乎与根本没有
height
声明具有相同的效果。 最佳答案
听起来你的目标是让 body
如果是这种情况,以下代码段应该会有所帮助
/* 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/