Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/xpath/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 内容溢出时CSS最小高度100%不适用_Html_Css - Fatal编程技术网

Html 内容溢出时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%; } 在动态内容溢出之前,背景不会随着添加的内容而增加,所以我在页面底部留下了空白 艺术家的印象: -正常

我使用以下css使背景覆盖100%的屏幕,当页面重新调整大小时动态覆盖

html { 
     height: 100%;
}

body {
    background-image: url("image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100%;
}
在动态内容溢出之前,背景不会随着添加的内容而增加,所以我在页面底部留下了空白

艺术家的印象: -正常大小的浏览器

-调整浏览器大小

当内容因内容或浏览器大小而溢出时,有没有关于我做错了什么或我需要做什么的建议,以使其100%填满屏幕?

1)删除规则:
高度:100%

2) 添加
后台附件:固定

正文{
背景图像:url(“http://lorempixel.com/g/1000/1000");
背景重复:无重复;
背景尺寸:封面;
最小高度:100%;
背景附件:固定;
}
保险商实验室{
列表样式:无;
}
李{
宽度:200px;
高度:200px;
边框:1px纯绿色;
显示:内联块;
}

谢谢,无背景附件:固定;当内容未达到全屏高度时,这不起作用。删除html高度并将背景附件添加到正文中是一件好事