绝对定位和相对定位的区别
程序员文章站
2022-04-24 22:38:01
...
绝对定位和相对定位的区别
绝对定位是某一元素相对于页面左上角的位置,如
#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像素。
绝对定位后,該元素原本位置上变空,而相对定位后,原本位置上仍有元素