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

一、相对定位 relative

1.参照物为自身；

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

3.关于距离的正负值

二、绝对定位 absolute

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

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

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

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

三、固定定位 fixed

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

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

要想div固定在一个位置，可以使用css中的绝对定位来实现 position: absolute。然后可以通过top、left、right、bottom来定位方向。举个定位在顶部的例子：

<style>

.top{

position: absolute

top: 0px

z-index:999

border:1px red solid

}

</style>

<div class="top">DIV固定在顶部</div>

</body>

欢迎分享，转载请注明来源：内存溢出

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