常見的定位方式有三種，分別有相對定位，絕對定位還有固定定位。
首先我們來說一下固定定位，所謂固定定位就是相對於瀏覽器的定位，可以用偏移量改變位置，在css中屬性值一般用fixed；如圖所示：
當position屬性的取值為fixed時，就是將元素的定位模式設置為固定定位。
下面我們再說一下相對定位，它是相對於原來的位置定位，但是它依然會占據原來的空間，position屬性的取值為relative，如圖所示：
使用相對定位后，還可以使用偏移量改變位置，但是在文檔流中的位置仍然會保留的。
最后我們來說一下絕對定位，就是相對於離他最近的已定位父級定位 ，如果父級沒有定位則以瀏覽器為准對齊，可以用偏移量改變位置，position屬性的取值為absolute，如圖所示：
邊偏移屬性：top，bottom，left,right
top：頂端偏移量，相對於其父元素上邊線的距離
bottom：底部偏移量，相對於其父元素下邊線的距離
left：左部偏移量，相對於其父元素左邊線的距離
right：右部偏移量，相對於其父元素右邊線的距離