效果是实现了但是还是有个小问题

来源：4-3 编程练习

慕哥2455504

2019-08-06 14:29:45

效果是实现了，但是在放入页面背景图片的时候，如果设置宽为100%，高设置个4043px的话给那个背景图片就会不完全显示，最后调整高度达到了效果，想问一下老师，还有其他方法可以实现吗？

<!DOCTYPE html>
<html>
<head>
<title>广告练习</title>
<meta charset="utf-8">
<style type="text/css">
  .page{
   width:100%;
   height:3050px;
   background-image:url("http://climg.mukewang.com/59c9f7ce0001839219034033.png");
   background-repeat:no-repeat;
   margin:auto;
   position:relative;
  }
  .ad1{
   width:250px;
   height:300px;
   background-image:url("http://climg.mukewang.com/5a3383d00001a3dd02240364.png");
   background-repeat:no-repeat;
   position:fixed;
   left:135px;
   top:50%;
   margin-top:-150px;
  }
  .ad2{
   width:250px;
   height:300px;
   background-image:url("http://climg.mukewang.com/5a3383c70001f1b702240364.png");
   background-repeat:no-repeat;
   position:fixed;
   right:88px;
   top:50%;
   margin-top:-150px;
  }
</style>
</head>
<body>
<div class="page">
  <div class="ad1"></div>
  <div class="ad2"></div>
</div>
</body>
</html>