老师，帮忙检查下代码？
来源：4-3 编程练习
沐淇
2019-03-24 17:07:32
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>4-3</title>
<style type="text/css">
body{
padding: 0px;
margin: 0px;
}
.page{
width: 100%;
height:4033px;
background: url("http://climg.mukewang.com/59c9f7ce0001839219034033.png") center top no-repeat;
}
.box01{
width: 224px;
height: 364px;
background: url("http://climg.mukewang.com/5a3383d00001a3dd02240364.png") no-repeat;
position: fixed;
top: 0;
bottom: 0;
margin: auto 0;
left: 50px;
}
.box02{
width: 224px;
height: 364px;
background: url("http://climg.mukewang.com/5a3383c70001f1b702240364.png") no-repeat;
position: fixed;
top: 0;
bottom: 0;
margin: auto 0;
right: 50px;
}
</style>
</head>
<body>
<div class="page">
<div class="box01"></div>
<div class="box02"></div>
</div>
</body>
</html>
1回答
-
你好同学 ,左右两侧图片没有紧贴在浏览器两侧 , 建议把左右两侧的偏移值改为0 ,让图片贴在两侧哦 :
祝学习愉快 ,望采纳 .
0
相似问题