css样式--定位position

定位方式

static：默认
fixed：固定
relative：相对定位
absolute：绝对定位

坐标：偏离目标元素的距离

坐标的属性：
left：数值
right：数值
top：数值
bottom：数值

固定定位 fixed

• 相对于浏览器端口进行的定位
• 如果不设置定位坐标，就在原来的位置
• 层级要比普通元素高
• 如果结合定位坐标，就是相对于目标位置的距离
• 设置固定定位后，一定是块级元素

相对定位relative

• 相对定位占空间
• 如果不结合定位坐标，就是在原来的位置
• 如果结合定位坐标，相对于自身作为定位的原点
• 层级高于普通元素
• 相对定位一般结合绝对定位来用

绝对定位 absolute

• 设置完绝对定位，不占空间
• 设置绝对定位后，层级高于普通元素
• 如果不结合定位坐标，就是在原来的位置
• 如果结合了定位坐标，相对于祖先（设置绝对定位、相对定位）为坐标的参考点 ，如果祖先没有设置定位，一直往上找，直到找到body，就以body作为坐标的参考点