css的定位属性——固定定位和粘性定位

一、固定定位
position:fixed; 【固定定位】
a: 参照物：浏览器窗口。
b: 不占据空间，脱离布局流。
（注：如果块状元素没有设置宽度的时候，添加position:absolute 或position:fixed会出现宽度被内容撑开）
让一个元素在浏览器窗口左右上下居中？
第一种方法：
position:fixed;
left:50%;top:50%;
margin-left:-元素宽度一半;
margin-top:-元素高度的一半;
第二种方法：（常用）
position:fixed;
left:0;right:0;
top:0;bottom:0;
margin:auto;
一、粘性定位
5、position:sticky;【粘性定位】（一般用于页面导航的吸顶效果）
执行逻辑：
默认情况下：当浏览器窗口滚动条不滚动，当前元素没有超出整个浏览器窗口的时候
执行的position:relative;如果元素超出当前窗口则应用的position:fixed;