求大神帮忙指导解释下，这个效果怎么会这样？-慕课网

求大神帮忙指导解释下，这个效果怎么会这样？

来源：13-7 相对于自己的位置-层模型之相对定位

慕标6314545

2018-09-10 21:15

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title>div test2</title>
       <style type="text/css">
       div{
           border:1px solid red;
       }
       #box1{
           position: fixed;
           background-color: green;
       }
       #box2{
           position: relative;
           background-color: red;
            margin-top: 100px;
       }
       </style>

   </head>
   <body>
       <div id="box1"><img src="img/logo.png"></div>
       <div id="box2"><img src="img/ban2.jpg"></div>
       <div></div>
       <img src="img/ban2.jpg">
       </body>
</html>