有哪些定位方式，各有什麼區別。

1.有哪些定位方式，分別有什麼區別。

定位方式共有5種，分別是【靜態定位static】,【相對定位relative】,【絕對定位abosolute】,【固定定位fixed】，【繼承定位inherit】

靜態定位static：

元素默認的位置，默認的定位方式就是static，這種定位方式只能用margin來改變位置，對left、top、z-index等設置值無效，這種定位不脫離文檔流；

相對定位relative

 

基於元素自身變化以前的位置進行定位，能夠經過設置left、top等值，使得指定元素相對其正常的位置進行偏移，這種定位不脫離文檔流；

絕對定位abosolute：

 

絕對定位是根據設置有position屬性,而且值不爲static的父級進行定位;若是都沒有已定位的祖先元素,則是基於瀏覽器窗口進行定位. margin的自動(auto)會失效，該方式脫離文檔流

固定定位fixed：

基於瀏覽器窗口進行定位,並不會伴隨屏幕滾動進行滾動，脫離文檔流,不保留原來的位置，會改變元素的特性，父元素設置了固定定位,不用清除浮動的影響

繼承定位inherit：

這種方式規定該元素繼承父元素的position屬性值。