定位的分类、特点与应⽤
⼀、相对定位 position:relative;
特点：
absolute relative
不脱离标准⽂档流，可以调整元素
参考点：
以原来的位置为参考点
⼆、绝对定位 position:absolute;
特点：
1、脱离标准⽂档流，不在页⾯占位置
2、层级提⾼，压盖现象
参考点：
1、单独给⼀个盒⼦设置绝对定位，以根元素页⾯左上⾓为参考点
2、相对于最近的⾮static祖先元素定位，如果没有⾮static祖先元素，那么以页⾯根元素左上⾓进⾏定位⽹站中实战应⽤：
“⼦绝⽗相”设计理念：⽗元素设相对定位，⼦元素根据⽗元素设置绝对定位
三、固定定位 position:fixed;
特点：
1、脱离标准⽂档流
2、⼀旦设置固定定位，在页⾯中滚动⽹页，固定不变
参考点：
以浏览器的左上⾓为参考点
应⽤：
⼩⼴告，回到顶部，固定导航栏

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。