gpt4 book ai didi

html - 如果页面滚动,使 html 和 body 拉伸(stretch)到 100% 高度或更多

转载 作者:技术小花猫 更新时间:2023-10-29 12:31:27 25 4
gpt4 key购买 nike

我想制作我的 <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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com