關於position定位

position：absolute

　　當其父元素設置了relative定位時，子元素就相對於父元素定位，注意：相對於父元素的content（內容區：padding+width）定位，不包括父元素的border與margin

　　當父元素沒有設置relative定位時，子元素相對於body定位

　　而子元素定位的邊界是子元素總體：margin + border +padding +width

　　

<style type="text/css">
    .wrap{
        position: relative;
        height: 300px;
        width: 300px;
        border:10px solid blue;
    }
    .wrap>div{
        position: absolute;
        height: 100px;
        width: 100px;
        background-color: red;
    }
</style>


<div class="wrap">
    <div></div>
</div>