css的相对定位

二、相对定位

了解层模型的了绝对定位，接下来我们就来聊聊相对定位。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。设置一个元素为相对定位，只需要设置position：releative。通过一个简单的例子认识什么是相对定位：我们定义一个div，样式设置为

 div{

width: 200px;

height: 200px;

border: 1px solid green;

}

此时我们可以看到在页面上显示为

此时我们对它的样式做一些修改

div{

width: 200px;

height: 200px;

border: 1px solid green;

position: relative;

left:100px;

top: 50px;

}

此时页面显示的效果：