相對定位：
參照自身位置進行定位仿野，每個元素在頁面的文檔流中都有一個自然位置铣减，相對于這個位置對于元素進行移動就稱之為相對定位她君。周圍元素并不受影響。當(dāng)position屬性設(shè)置為relative時葫哗，就開啟了元素的相對定位缔刹。當(dāng)開啟了相對定位以后，可以使用 top 劣针，right校镐，bottom，left捺典，這四個屬性對元素進行定位
相對定位特點：
如果不設(shè)元素的偏移量鸟廓，元素位置不會發(fā)生變化。相對定位不會使元素脫離文檔流襟己，元素在文本流中的位置不會變引谜。相對定位并不會改變元素原來的特性。相對定位使元素的層級提升擎浴，是元素可以覆蓋文本流中的元素员咽。
絕對定位：
絕對定位指的是使元素相對于html元素或者離他最近的祖先定位元素進行定位。當(dāng)將position屬性設(shè)置為absolute時贮预，開啟了元素的絕對定位贝室。當(dāng)開啟了絕對定位以后，可以使用top仿吞，right滑频，bottom，left四個屬性對元素進行定位
絕對定位的特性：
絕對定位會使元素完全脫離文本流唤冈。絕對定位的塊元素寬高會被其輸入的內(nèi)容撐開误趴。絕對定位會使行內(nèi)元素變成塊元素。一般使用絕對定位時會同時為其父元素制定一個相對定位务傲，以確保元素可以相對于父元素進行定位
固定定位：
固定定位的元素會被鎖定在屏幕上的某個位置凉当，當(dāng)訪問者滾動網(wǎng)頁時枣申，固定元素會在屏幕保持不動。當(dāng)將position屬性設(shè)置為fixed時看杭，則開啟了元素的固定定位忠藤。當(dāng)開啟了固定定位以后，可以使用top楼雹，right模孩，bottom，left四個屬性對元素進行定位贮缅。固定定位的其他特性和絕對定位類似榨咐。當(dāng)元素開啟定位以后可以設(shè)置z-index這個屬性。這個屬性可以提升定位元素所在的層級谴供。z-index可以指定一個整數(shù)作為參數(shù)块茁，值越大顯示的優(yōu)先級越高，也就是z-index值較大的元素會顯示在網(wǎng)頁 的最上層
文檔流：
文檔流指的是文檔中可實現(xiàn)的對象在排列時所占用的位置桂肌。將窗體自上而下分成一行行数焊，并在每行中按從左至右的順序排列元素，即為文檔流崎场。也就是說在文檔流中元素默認會貼在上一個元素的右邊佩耳，如果右邊不足以放下元素，元素則會另起一行谭跨，在新的一行中繼續(xù)從左到右擺放干厚。這樣一來每一塊元素都會另起一行，那么我們?nèi)绻朐谖臋n流中進行布局就會變得比較麻煩
