1.什么是定位
在HTML中,元素的定位可以通过CSS的position属性来实现。position属性有五个可能的值:static、relative、absolute、fixed和sticky。这些值决定了元素如何定位以及它们与其他元素的关系。
Static(静态定位):
这是元素的默认值。静态定位的元素不会受到任何定位属性的影响,它们总是按照正常的文档流进行排列。
Relative(相对定位):
相对定位的元素会相对于其正常位置进行定位。使用top、right、bottom和left属性可以调整元素的位置。即使元素移动到了新的位置,它仍然会保留原来位置的空间。
Absolute(绝对定位):
绝对定位的元素会相对于最近的已定位祖先元素(而不是相对于视口)进行定位。如果没有已定位的祖先元素,那么它会相对于初始包含块进行定位。绝对定位的元素会脱离正常的文档流,不再占据空间。
Fixed(固定定位):
固定定位的元素会相对于浏览器窗口进行定位,即使页面滚动,它也会始终停留在同一的位置。固定定位的元素会脱离正常的文档流,不再占据空间。