Position屬性的relative值表示元素的位置相對于其正常位置進行偏移。它會根據元素的原始位置在文檔流中進行相對的移動,但不會影響其他元素的布局。
相對定位的元素會保留其原始的空間占用,也就是說,其他元素不會填充相對定位元素的空間。
下面是一些相對定位常用的用法:
.position-relative {
position: relative;
top: 10px;
left: 20px;
}
.position-relative {
position: relative;
z-index: 1;
}
.position-relative {
position: relative;
}
.position-absolute {
position: absolute;
top: 0;
left: 0;
}
請注意,相對定位不會將元素從文檔流中移除,也不會改變其在文檔流中的位置。它只是相對于其原始位置進行調整。