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

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

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

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

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

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

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

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

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

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

因?yàn)橄鄬?duì)左啊，就是相對(duì)左偏移多少，所以就是向右移，就是right了，理解好【相對(duì)】，再想想就明白了