在HTML中，三种定位的区别和含义分别是什么？

一、相对定位 relative

1.参照物为自身；

2.相对定位只改变显示的位置，而不会改变占用的空间位置；

3.关于距离的正负值

二、绝对定位 absolute

1.参照物为具有定位属性的父元素。

PS:如果距离当前最近的父元素不具有定位属性，则会一层一层向外找，直到找到具有定位属性（这里仅要求三种定位属性任一都可）的父元素而进行定位，如果找到最后未能找到具有定位属性的父元素，de则最终会依照body进行定位。

2.绝对定位不仅会改变显示的位置，而且会改变占用的空间位置。就好比是元素处于一种悬空漂浮的状态，没有“肉体”！

3.关于距离的正负值，和上面的相对定位的性质一样。

三、固定定位 fixed

固定定位是将某个元素固定在浏览器的某个确定的位置，不随滚动条的移动而变化；   

固定定位的位置是  相对当前浏览器窗口  的；

相对定位设置后 就是相对于它本身所在文档流的位置进行定位 这时设置它的top left bottom right 都是相对于他原来的位置而言

绝对定位 设置 就是相对于它的祖先节点中 设置过相对定位的那块容器 来进行绝对定位如果祖先节点中没有设置 默认就是body标签。设置它的top left bottom right 是设置位于它祖先节点中设置过相对定位的 那个节点容器中 它所在的位置。 打个比方 就是一个div1 设置了相对定位，div2设置了绝对定位 div1包含div2 div2这是设置top：10px；left：10px；就是在div1区域中 距离上面10像素左边10像素的地方

---