position定位有哪些，分别有哪些作用

静态定位：

• static： static 默认值不脱离标准流，top，right，botton，left等属性不生效。

绝对定位：

• absolute 绝对定位的关键是找对参照物：找到最近的一级带有定位的父级元素进行位置移动，如果找不到，那么相对于浏览器窗口进行定位。 注：设置了position：absolute后，元素会脱离标准流，不占据空间；左右margin将会失效； 我们通过left、tiop、botton、right来决定位置。

相对定位：

• relative 参照物：元素偏移前位置
  注：设置了相对定位，左右margin仍然有效，并且不会脱离标准流。

固定定位：

• fixed 参照物：浏览器窗口
  注：当绝对定位和固定定位参照物都是浏览器窗口时的区别：当出现滚动条时，固定定位的元素不会跟谁滚动条滚动，绝对定位会跟随滚动条滚动。