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

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

静态static

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

相对relative

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

绝对absolute

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

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

固定 fixed

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

粘性sticky

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

位置。

发表评论

后才能评论