14.定位

1.什么是定位

          在HTML中，元素的定位可以通过CSS的position属性来实现。position属性有五个可能的值：static、relative、absolute、fixed和sticky。这些值决定了元素如何定位以及它们与其他元素的关系。

Static（静态定位）：

        这是元素的默认值。静态定位的元素不会受到任何定位属性的影响，它们总是按照正常的文档流进行排列。

Relative（相对定位）：

       相对定位的元素会相对于其正常位置进行定位。使用top、right、bottom和left属性可以调整元素的位置。即使元素移动到了新的位置，它仍然会保留原来位置的空间。

Absolute（绝对定位）：

        绝对定位的元素会相对于最近的已定位祖先元素（而不是相对于视口）进行定位。如果没有已定位的祖先元素，那么它会相对于初始包含块进行定位。绝对定位的元素会脱离正常的文档流，不再占据空间。

Fixed（固定定位）：

        固定定位的元素会相对于浏览器窗口进行定位，即使页面滚动，它也会始终停留在同一的位置。固定定位的元素会脱离正常的文档流，不再占据空间。

Sticky（粘性定位）：

       粘性定位可以被看作是相对定位和固定定位的混合。元素在跨越特定阈值之前为相对定位，之后为固定定位。例如，一个元素设定了position: sticky; top: 10px;，那么当元素在视口中向上滚动超过10px之后，元素就会像position: fixed;一