html常用的三种定位是什么

在一般的前端开发中比较常用的定位有三种：相对定位，绝对定位，固定定位。下面简要的说明一下他们的使用特点：相对定位position:relative1.它可以在四个方向分别或者同时进行偏移 2.定义时它的参照物是父元素（没有时为浏览器本身） 3.偏移后元素的原来位置还是被占着，并没有空出来 4.当父元素和子元素同时定义时，他们的参照物是父元素，且占据原来的位置 绝对定位position:absolute1. 它可以在四个方向分别或者同时进行偏移 2.单独定义时它的参照物是浏览器本身，且不占据原来的位置 3.当父元素和子元素同时定义时，他们的参照物是父元素，且不占据原来的位置 4.当子元素绝对定位，父元素相对定位时，他们的参照物是父元素，且还占据原来的位置 5.当子元素相对定位，父元素绝对定位时，他们的参照物是父元素，且不占据原来的位置 固定定位position:fixed 1.它可以在四个方向分别或者同时进行偏移 2.定义时它总是以浏览器为参照物，且不占据原来的位置 3.它不会随着浏览器的滚动而移动，即会固定在所能到观察浏览器界面的固定地方 注：普遍使用方式为子绝父相，即子元素绝对定位，父元素相对定位 可以使用z-index: 来进行优先级显示

如图，position:relative 是在3个DIV原来各自位置的基础上进行移动的，也就是说和父元素没有直接的关系，仅仅相对于他们自身在文档中本该出现的位置进行移动。比如，设置了right：10px，就表示在原位置的基础上，向左移动10px，这时将超出父元素的外框。需要注意的是，relative是相对于自身，而不是相对于父元素。

另外，相对于父元素进行定位，是指在父元素设置为 relative ，子元素设置为 absolute 的情况下。如果父元素没设置为relative，而是默认的static，那么子元素的absolute就是相对于body进行定位，而不是父元素。

可以设置absolute定位解决

absolute是相对其最近的一个祖先元素position不为默认值的定位。

所以此种情况可以将需要定位的元素放到第fixed元素的内部，并设置absolute定位，就可以通过top righ属性控制器相对fixed的位置了

有问题欢迎追问，追问请先关注我，否则不回复，谢谢

---