二叶撒、相對(duì)定位
了解層模型的了絕對(duì)定位禁荒，接下來(lái)我們就來(lái)聊聊相對(duì)定位。如果對(duì)一個(gè)元素進(jìn)行相對(duì)定位怠益，它將出現(xiàn)在它所在的位置上贮乳。然后忧换，可以通過(guò)設(shè)置垂直或水平位置，讓這個(gè)元素“相對(duì)于”它的起點(diǎn)進(jìn)行移動(dòng)向拆。設(shè)置一個(gè)元素為相對(duì)定位亚茬，只需要設(shè)置position：releative。通過(guò)一個(gè)簡(jiǎn)單的例子認(rèn)識(shí)什么是相對(duì)定位：我們定義一個(gè)div浓恳，樣式設(shè)置為
div{
width: 200px;
height: 200px;
border: 1px solid green;
}
此時(shí)我們可以看到在頁(yè)面上顯示為
此時(shí)我們對(duì)它的樣式做一些修改
div{
width: 200px;
height: 200px;
border: 1px solid green;
position: relative;
left:100px;
top: 50px;
}
此時(shí)頁(yè)面顯示的效果：
