position

position定位

1. position: static;
   这是默认值。静态定位的元素不会受到任何特殊的定位效果，它们总是根据文档流进行定位。
2. position: relative;
   相对定位的元素相对于其正常位置进行定位。
   使用 top, right, bottom, left 属性可以相对于元素原位置进行偏移。
   元素仍然占据在文档流中的原始空间，即它会保留其原始位置的空间。
3. position: absolute;
   绝对定位的元素相对于最近的已定位祖先元素进行定位，如果没有已定位的祖先元素，则相对于 initial containing block（通常是 元素）。
   元素的位置可以通过 top, right, bottom, left 属性进行设置。

绝对定位的元素会脱离文档流，不占据文档流中的空间。

1. position: fixed;
   固定定位的元素相对于浏览器窗口进行定位。
   使用 top, right, bottom, left 属性可以设置元素的具体位置。
   固定定位的元素也会脱离文档流，并且即使页面滚动，它也会保持在相同的位置。

2. position: sticky;
   粘性定位是相对定位和固定定位的混合体。
   元素在滚动到其指定的偏移位置之前表现为相对定位，之后则表现为固定定位。
   使用 top, right, bottom, left 属性来指定偏移量。
   粘性定位的元素在到达指定的偏移之前会保留其在文档流中的位置。