CSS中有一種定位方式叫做相對定位,顧名思義就是相對于某個位置進行定位。在使用相對定位的時候,我們需要設置一個參照物,這個參照物就是相對定位的基準點,所有的相對定位都是相對于這個基準點進行定位的。
position: relative; top: 10px; left: 20px;
在上面的代碼中,我們設置了一個元素的相對定位,其中position為relative,表示使用相對定位。同時,我們還設置了top與left,表示向上移動了10px,向左移動了20px。
相對定位有很多用處,比如可以用來調整元素的位置,使它們偏移一些像素,讓它們更加合適的出現在頁面上。同時,相對定位也可以用來制作一些比較復雜的布局效果。
但需要注意的是,相對定位使元素的位置相對發生了改變,但頁面中其他元素并不會因此而發生位置的變化。因此,使用相對定位時,要注意不要影響整個頁面布局的穩定性。