定位 Position
定位类型
| 值 | 说明 |
|---|---|
| relative | 相对定位 元素的定位是相对其正常位置。 |
| absolute | 绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>。 |
| fixed | 元素的位置相对于浏览器窗口是固定位置(即使窗口是滚动的它也不会移动)。 |
| sticky | 粘性定位的元素是依赖于用户的滚动，在 position:relative 与 position:fixed 定位之间切换。 |
| static | HTML 元素的默认值，即没有定位，遵循正常的文档流对象(静态定位的元素不会受到 top, bottom, left, right影响)。 |
居中对齐的实现方式
水平居中：
inline元素:text-align: center；
block元素:margin: auto；
absolute元素:left: 50% + margin-left负值；
垂直居中：
inline元素: line-height的值等于height值；
absolute元素: top: 50% + margin-top负值；
水平垂直居中：
flex父元素：justify-content: center; + align-items: center;
absolute元素: top, left = 50% + translate(-50%, -50%);
absolute元素: top, left, bottom, right = 0 + margin: auto;