什么是定位元素

在CSS中, 定位是将元素摆放在特定位置的一种方法。元素的定位属性包括 static, relative, fixed, absolute 和 sticky。

1. Static 定位：
   这是HTML元素的默认定位属性。它按照正常的文档流来布局。即元素在页面中的位置是由其在HTML文档中的位置决定的。

2. Relative 定位：
   如果为元素设置 relative 定位，则该元素仍然保持在正常的文档流中，但位置可通过设置 top, right, bottom 和 left 属性来调整。这些属性会相对于元素在正常文档流中的原始位置来定义偏移。

3. Fixed 定位：
   固定定位的元素相对于浏览器窗口进行定位，这意味着即使页面滚动，它也永远在浏览器窗口的相同位置。

4. Absolute 定位：
   通过设置元素为绝对定位，可以将元素从文档流中移除，并相对于最近的已定位祖先（而不是文档的初始包含块）进行定位。如果没有已定位的祖先元素，那么它基于页面的初始容器。绝对定位的元素的位置通过设置 top, right, bottom 和 left 属性来确定。

5. Sticky 定位：
   粘性定位是相对定位和固定定位的混合。元素在滚动到某个位置之前为相对定位，之后为固定定位。

注意：要使用 top, right, bottom 和 left 定位属性，元素的定位属性不能是 static（默认值）。当我们说“设置定位元素”的时候，我们的意思是改变定位属性的默认值 static 到其他几种定位方式中的一种。