如果页面不够高而不能保证滚动,我想让我的 <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/

    10-12 13:01
    查看更多