1、相對定位：
a、不影響元素本身的特性；
b、不使元素脫離文件流（元素移動之後原始位置會被保留）；
c、相對於其正常位置進行定位。如果沒有定位偏移量，對元素本身沒有任何影響；
d、提升層級
2、絕對定位：
a、使元素完全脫離文件流；
b、使內嵌支援寬高；
c、塊屬性標籤內容撐開寬度；
d、如果有定位父級相對於第一個定位父級發生偏移，沒有定位父級相對於document發生偏移；
e、相對定位一般都是配合絕對定位元素使用；
f、提升層級
3、固定定位：相對於瀏覽器視窗進行定位
1-相對定位、絕對定位和固定定位的區別
相關文章
- css絕對定位和相對定位的差別CSS
- css中絕對定位與相對定位的區別CSS
- 元素的相對定位與絕對定位
- CSS中的絕對定位與相對定位CSS
- 辛星和你徹底搞清CSS中的相對定位和絕對定位CSS
- CSS絕對定位CSS
- 浮動、絕對定位脫離文件流的區別
- # CSS 絕對定位釋義CSS
- CSS position:absolute 絕對定位CSS
- CSS position: absolute 絕對定位CSS
- 絕對定位元素居中
- 絕對定位讓元素居中
- 外邊距與絕對定位
- 絕對定位實現全屏效果
- 深入理解CSS絕對定位CSS
- Linux檔案的路徑定位-相對路徑和絕對路徑Linux
- 關於CSS中的定位使用子絕父相（子類絕對位置和父類相對位置）CSS
- 絕對定位對margin外邊距的影響
- 如何讓絕對定位的元素水平居中
- 絕對定位使用margin:0 auto居中
- position:fixed 相對父元素定位
- CSS position:relative 相對定位CSS
- CSS position: relative 相對定位CSS
- 你可能不知道的絕對定位
- css絕對定位元素垂直水平居中CSS
- LBS基站定位和GPS衛星定位對比
- 元素的固定定位
- position絕對定位以哪個物件為參考物件
- 負外邊距margin對於絕對定位元素的影響
- 絕對路徑和相對路徑的區別，
- 絕對路徑和相對路徑的區別
- IE CSS Bug系列：相對定位時overflow失效CSS
- 初略講解Flutter的Align（對齊與相對定位）Flutter
- css篇之absolute絕對定位元素居中技巧CSS
- position:relative相對定位不脫離文件流
- relative相對定位不會脫離文件流
- CSS position:fixed 固定定位CSS
- CSS position: fixed 固定定位CSS