Html 内容溢出时CSS最小高度100%不适用
我使用以下css使背景覆盖100%的屏幕,当页面重新调整大小时动态覆盖Html 内容溢出时CSS最小高度100%不适用,html,css,Html,Css,我使用以下css使背景覆盖100%的屏幕,当页面重新调整大小时动态覆盖 html { height: 100%; } body { background-image: url("image.jpg"); background-repeat: no-repeat; background-size: cover; min-height: 100%; } 在动态内容溢出之前,背景不会随着添加的内容而增加,所以我在页面底部留下了空白 艺术家的印象: -正常
html {
height: 100%;
}
body {
background-image: url("image.jpg");
background-repeat: no-repeat;
background-size: cover;
min-height: 100%;
}
在动态内容溢出之前,背景不会随着添加的内容而增加,所以我在页面底部留下了空白
艺术家的印象:
-正常大小的浏览器
-调整浏览器大小
当内容因内容或浏览器大小而溢出时,有没有关于我做错了什么或我需要做什么的建议,以使其100%填满屏幕?1)删除规则:高度:100%来自html选择器的代码>
2) 添加后台附件:固定代码>
正文{
背景图像:url(“http://lorempixel.com/g/1000/1000");
背景重复:无重复;
背景尺寸:封面;
最小高度:100%;
背景附件:固定;
}
保险商实验室{
列表样式:无;
}
李{
宽度:200px;
高度:200px;
边框:1px纯绿色;
显示:内联块;
}
谢谢,无背景附件:固定;当内容未达到全屏高度时,这不起作用。删除html高度并将背景附件添加到正文中是一件好事