css - 当 html 和 body height 设置为 100% 时背景被切断

标签 css background-image

我将 html 和 body 设置为 100% 高度,并在 body 上设置了背景图像,向下滚动时会被截断,如下所示。

enter image description here

但是,YouTube 在 html 和 body 上有 100% 的高度,在 body 上有一个背景,它延伸到内容的整个高度。我怎样才能做到这一点?

最佳答案

如果您设置 100% 高度的唯一原因是为了背景(正如您的一条评论似乎暗示的那样),那么只需将其更改为 min-height: 100% 你应该没有问题。您将在短页面上拥有 100% 的高度,但在较长的页面上可以根据需要扩展到尽可能多的高度。

关于css - 当 html 和 body height 设置为 100% 时背景被切断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8696911/

相关文章:

html - 如何让 div 落后于另一个 div?

javascript - 使用 React 组件处理我网站上的所有文本

html - Bootstrap 下拉菜单不显示

html - 带下拉导航的导航栏未占用整个浏览器宽度

CSS - 将 Div 宽度设置为 100% 并调整大小以保持纵横比

html - tizen - 如何为所有 html 应用程序页面设置背景

css - 防止背景图像在更改时闪烁

html - 为什么 100% 高度和 100% 宽度在我的 ASPX 页面中不起作用?

javascript - 根据屏幕分辨率更改背景图像

html - 背景图片不显示