绝对定位和相对定位的区别

绝对定位和相对定位的区别

绝对定位是某一元素相对于页面左上角的位置，如

#div1｛
    width:100px;
    height:100px;
    position：absolute；
    left:30px;
    top:30px;
｝

是指div1这个元素在页面左上角距上30像素，距左30像素的位置。

---

相对定位是某一元素相对于它初始位置的位置，如

#div1｛
    width：100px;
    height:100px;
    position:absolute;
    left:30px;
    top:30px;
    position:relative;
    left:50px;
    top:50px;
｝

是指div1这一元素在页面左上角距上30像素，距左30像素的位置上，再和这个位置距上50像素，距左50像素。
绝对定位后，該元素原本位置上变空，而相对定位后，原本位置上仍有元素