css绝对定位

css绝对定位元素。如果不设置top,left,right,bottom的值。其位置处于其原来在文档流中的位置。其他文档流中的元素会占据其位置。

by Wang Peng

HTML

<div class="relative">
    <div id="div1">div1</div>
    <div class="absolute">div2</div>
    <div id="div3">div3</div>
</div>

CSS

.relative {
    position: relative;
}

.absolute {
    position: absolute;
    background: red;
}

#div1 {
    background: #ccc;
}

#div3 {
    background: blue;
    height: 2em;
}