css定位有哪几种
1.position:static;默认值
2.position: absolute;绝对定位
3.position:relative;相对定位
4.position:fixed;固定定位
5.position:sticky;粘性定位
特征
position:static;
默认值,设置坐标无效
position: absolute;
1:脱离文档流,占位置
2:默认参考(html的00点浏览器零点)
3:如果有父级,且父级有定位,那就参考父级元素
position:relative;
1:占据文档流,占位置
2:参考自身加载在页面中的位置
position:fixed:
1:脱离文档流,不占位
2:元素固定在页面中不随着页面滚动而滚动
3:参考浏览器的00点
position:sticky:粘性定位
1:页面达到一定高度时,脱离文本流
2:效果是吸附浏览器顶部
absolute 和 relative的区别
1:是否占据文档流,absolute不占据,relative占据
2:参考物不同,absolute参考html,relative参考自身
加载到页面的位置