父級(jí)相對(duì)定位 子級(jí)絕對(duì)定位

這個(gè)是css代碼：

<style>
        .wrapper{
            position: relative;
            background-color:aquamarine;   
        }
        .header{
            border: 1px solid red;
            position: absolute;  
            background-color:aquamarine;
        }
        .baidulogo{
            margin-top: 200px;
            text-align: center;
            border: 1px solid black;
            background-color: #3388ff;          
        }
        baidulogo img{
            width: 270px;
            height: 129px;
        }
    </style>
    這個(gè)是html部分
    <div class="wrapper">
    <div class="header">
        <sapn class="nav">新聞</sapn>
    </div>
</div>
<div class="baidulogo">
    <img src="bd_logo1.png">
</div>

問(wèn)題：為什么改變.header的margin-top值.header的位置也跟著改變，是什么原理？