position：指定定位元素的类型；
position属性的五种定位元素：
- static：静态定位；（默认值）
- relative：相对定位；
- absolute：绝对定位；
- fixed：固定定位；
- sticky：粘性定位；
当设置了定位元素后，可利用left、right、top、bottom属性来进行定位，还可以结合magin（外边距）来使其居中。当同时设置四个偏移量为相同值时 以left 和top为先。
- left：离左侧的高度；
- right：离右侧的高度；
- top：离顶部的高度；
- bottom：离底部的高度；
- z-index：指定了元素的堆叠顺序（同一父元素下，越大的值放在上面，负数时放在父元素的下面）；
//上下左右居中定位
position:~~;
left:0px;
right:0px;
top:0px;
bottom:0px;
magin:0px 0px;static（静态定位）
position:static;
HTML元素的默认值，遵循常规文本流，静态定位的元素不受 top、bottom、left、right和z-index 属性的影响，相当于没有定位。暂时能知到的作用就是覆盖原有的定位。
relative（相对定位）
position:relative;
相对于自身的常规位置进行定位，不会脱离常规流。但移动后，其原先常规位置所占据的空间不会被其他元素占据。
absolute(绝对定位)
position:absolute;
相对于最近的一个已经被定位的祖元素进行定位（static定位除外），如果祖元素都没有定位，那么将相对于<html>定位,脱离常规流。
fixed(固定定位)
position:fixed;
相对于浏览器窗口定位，即不会随着窗口的滚动而滚动，脱离常规流。（类似于窗口弹出来的不会消失的游戏小广告）
sticky(粘性定位)
position:sticky;
粘性定位可看作是相对定位和固定定位之间切换的定位。开始其会被相对定位，而当页面滚动超出设置属性的位置时，就会按照固定定位实现。
1359
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
