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

如果將 top 設(shè)置為 20px，那么框?qū)⒃谠恢庙敳肯旅?20 像素的地方。如果 left 設(shè)置為 30 像素，那么會在元素左邊創(chuàng)建 30 像素的空間，也就是將元素向右移動。

我想這個你應(yīng)該是能理解的 不好理解的這個

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

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

相對定位是相對原來的位置進(jìn)行位置偏移。

而定位使用的屬性 top left right bottom 是通過在對應(yīng)的一則設(shè)置偏移量實現(xiàn)偏移的。

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

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

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

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