1.相对定位
position: relative;
相对于原来的位置进行指定的偏移,他仍然在标准流文档中,原来的位置会被保留
top :10px ----距离上端10px的距离(向下偏移)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>相对定位</title>
<!-- 相对于原来的位置进行偏移-->
<style>
body{
padding: 20px;
margin: 10px;
}
div{
margin: 10px;
padding: 5px;
font-size: 12px;
line-height: 25px;
}
#father{
border: 3px dashed plum;
}
#first{
border: 2px solid #4b54a8;
/*相对定位:上下左右*/
position: relative;
/*距离上端*/
top: -20px;
/*距离左端*/
left: 20px;
}
#second{
border: 2px solid #4f8d60;
}
#third{
border: 2