CSS相对定位

CSS相对定位，相对于其原来的位置进行偏移。其他文档流元素不会占据其原来的位置。

by Wang Peng

HTML

<div>这是一个div元素div1。</div>
<div class="relative">这是另一个div元素div2，使用relative定位。</div>
<div>这是第三个div元素div3。</div>

CSS

div {
    width: 100px;
    background-color: #ccc;
}
.relative {
    position: relative;
    top: -20px;
    background-color: red;
}