相对，固定，绝对和静态定位的元素有什么区别？

轩辕小不懂发布于 2021-12-06 16:16

阅读 436

答案 1

分类：WEB前端开发

Nen 2021-12-06 16:29

- 程序员

定位元素是计算的位置属性是relative, fixed, absolute and static。

静态static

默认位置；默认为0。元素将像往常一样流入页面。top，right，bottom，left和z-index属性不适用。

相对relative

元素的位置相对于自身进行了调整，而没有更改布局（因此，如果没有放置元素，将为元素留出一定的空隙）。

绝对absolute

元素从页面流中删除，并且相对于其最接近的祖先（如果有）或相对于初始包含块而定位在指定的位置。绝对定位

的盒子可以有边距，并且不会与其他任何边距一起折叠。这些元素不会影响其他元素的位置。

固定 fixed

将元素从页面流中移除，并将其放置在相对于视口的指定位置，并且在滚动时不会移动。

粘性sticky

粘性定位是相对定位和固定定位的混合。将该元素视为相对位置，直到它超过指定的阈值为止，此时将其视为固定位置。