第1个回答 2020-09-02
方法如下：
1：给背景图设置一个高度
2：给你写的每个块都用上高度
3：用一个通用的空代码把自动高度撑满{
margin: 0 auto;
height: 1px;
width: 100%;
}
备注：第三个方法的代码放在每一个大的div下面
第2个回答 2021-07-27
把背景图设置在body上，
background-size:cover;
min-height: 100vh;
亲测有效，还可以滚动，不能用min-height: 100%;是无效的
background-size:cover;
min-height: 100vh;
亲测有效，还可以滚动，不能用min-height: 100%;是无效的
第3个回答 2020-09-02
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.right{
height: 3000px;
width:3000px;
background-image: url("https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/dmas/pic/item/6fd7912397dda144eb45e527bab7d0a20df486d3.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
}
</style>
</head>
<body>
<div class="right">
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.right{
height: 3000px;
width:3000px;
background-image: url("https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/dmas/pic/item/6fd7912397dda144eb45e527bab7d0a20df486d3.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
}
</style>
</head>
<body>
<div class="right">
</div>
</body>
</html>
请采纳
第4个回答 2020-09-02
.bgSet{
overflow: auto;
margin:0px;
background: url(images/beijing.png) no-repeat;
background-size:100% 100%;
background-attachment:fixed;
}追问
overflow: auto;
margin:0px;
background: url(images/beijing.png) no-repeat;
background-size:100% 100%;
background-attachment:fixed;
}追问
变成这样了
我只是写了个例子呢，你把图片路径换个你自己的呢
追问肯定换了啊
本回答被提问者采纳第5个回答 2020-09-02
你好朋友如何用cs让背景图能够撑满全身会滚动的页面，这个你可以让背景图。比较圆满就可以的希望能帮助到你追问
我已经试过你说的这个方法了 没用
相似回答