定位 笔记

常规定位3种：1相对位置 position：relative定位；后需要设置坐标
1左2右3上4下（2）相对于自己元素的原点
2绝对位置 position：absolute；也会有相对某点移动 但是这个点是不确定的
（1）如果祖先元素没有定位那么他相当于浏览器0,0位置
（2）如果祖先元素有定位属性，那么它相对会最近的祖先元素的位置
···3固定位置 position：fixed； 相对于浏览器de位置
（1）根据浏览器的0,0位置
定位的用处 改变标签的位置 一般情况使用解决重叠
4默认定位：static
z-index:0-999；层级关系（调整层级关系）（一定只能设置在有定位属性的样式上）
定位属性不能改变结构层级
zindex只能调整同级层级
display：inline（将标签在块元素和内嵌元素间改变）
把空格变为0（font-size：0不能有文字）
2设置浮动3overflow：hidden
上下图片3px 的vertical-align:middle
display:none{隐藏，不占格子，消失}
rem em vw vh % px