我們在進行網頁的內容排布時，經常會為元素所佔的位置而煩惱。一般來說，元素的定位方式有四種相對定位(relative)、絕對定位(absolute)、固定定位(fixed)、靜態定位（static），但是經常使用的自由前兩種，今天小漁就為大家詳細講解一下前兩種的做法。
方法/步驟
首先，我為大家介紹的是相對定位方式，為了更好的看到效果，我做了一個簡單的頁面來作為演示，
我們需要為需要進行相對定位的元素設定position屬性為relative，然後設置left、right、top、bottom四個中的一個或者兩個。
我們是給h2標籤設置的相對定位，它是相對於其之前的位置來說的，left後面的值大於0；表示距左邊的距離增加一定的像素，相當於向右移動，如果小於0，則是向左移動，注意的是之前的位置仍是這個h2，只是移動了一定的距離
接下來我為大家制作一個絕對定位的案例。這個的定位是絕對的，是相對於最近的已經定位的父級元素，需要固定上下和左右中的一個選項才能將元素固定到我們其位置上。
在瀏覽器的效果就是下圖中這樣的，不管瀏覽器的怎樣縮小，h2都是距離瀏覽器的左上角一定的距離。
我們需要注意的是，如果在絕對定位時，我們使用了負值，水平方向上會以右側為正，向方向移動的。
總的來說，相對定位和絕對定位的區別是二者相對的元素不同，相對定位是相對於元素原來的位置，而絕對定位是相對於其事先已經定位的父級元素，如果沒有父級元素則是相對於初始模塊。
