相對定位是一個非常容易掌握的概念。如果對一個元素進行相對定位，它將出現在它所在的位置上。然后，可以通過設置垂直或水平位置，讓這個元素“相對于”它的起點進行移動。

如果將 top 設置為 20px，那么框將在原位置頂部下面 20 像素的地方。如果 left 設置為 30 像素，那么會在元素左邊創建 30 像素的空間，也就是將元素向右移動。

我想這個你應該是能理解的 不好理解的這個

：在使用相對定位時，無論是否進行移動，元素仍然占據原來的空間。因此，移動元素會導致它覆蓋其它框。

通俗的理解就是按照邊界把他定死了 不能按照網頁適應頁面之內的排版移動，而相對定位就是相當于在最頂層，就是最上面一層，其他的移動過到了相對定位的位置 會被他覆蓋掉 你就看不見下面被相對定位覆蓋的內容了

相對定位是相對原來的位置進行位置偏移。

而定位使用的屬性 top left right bottom 是通過在對應的一則設置偏移量實現偏移的。

比如，top:50px; 這個屬性使得對象在自己的top上面加了50px的距離（這個距離是在對象外面的），所以它就往下了50px。

同理，要往左移動50px的空間，就要在右邊加50px，也就是right:50px; 了。

相對定位就是相對某個對象來定位，課程中是相對瀏覽器的界面來定位，相對瀏覽器界面向左偏移就是右邊留出XX像素的空間，代碼即是 right:XXpx;

因為相對左啊，就是相對左偏移多少，所以就是向右移，就是right了，理解好【相對】，再想想就明白了