有哪些定位方式，各有什么区别。

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属性值。