css定位有四種不同類型，position值分別為：static（靜態定位），relative（相對定位），absolute（絕對定位），fixed（固定定位）。下面本篇文章就來給大家介紹一下，希望對大家有所幫助。

1、relative（相對定位）

相對定位的偏移參考元素是元素本身，不會使元素脫離文檔流。元素的初始位置占據的空間會被保留。相對定位元素常常作為絕對定位元素的父元素。并且定位元素經常與z-index屬性進行層次分級

2、absolute（絕對定位）

絕對定位元素以父輩元素中最近的定位元素為參考坐標，如果絕對定位元素的父輩元素中沒有采用定位的，那么此絕對定位元素的參考對象是html,元素會脫離文檔流。就好像文檔流中被刪除了一樣。并且定位元素經常與z-index屬性進行層次分級

3、fixed(固定定位)

位移的參考坐標是可視窗口，使用fixed的元素脫離文檔流。并且定位元素經常與z-index屬性進行層次分級

4、static（靜態定位）

默認值，元素框正常生成的，topleftbottomright這幾個偏移屬性不會影響其靜態定位的正常顯示

可分成四種: 內聯樣式(InlineStyle)內部樣式表(InternalStyleSheet)外部樣式表(ExternalStyleSheet)...