web前端css的3种定位属性

CSS的定位属性有三种,分别是相对定位、绝对定位、固定定位。
1. 相对定位//占坑定位,不脱标。还占着标准流里的原来位置,只是参照自己原来位置进行偏移。
定义:相对于自己原来的位置进行位置调整。一般用于位置微调。
用途:
1)微调自己的位置
2)做子元素绝对定位的参考,子绝父相

2. 绝对定位//脱标定位,脱离标准流。
定义:相对于定位的父元素进行自己的位置调整。定位的父元素可以是相对定位、绝对定位、固定定位,是最靠近的父元素。
用途:
1)绝对定位之后,标签就不区分行内元素、块级元素了,不需要display:block就可以设置宽、高。
2)压盖效果实现

3. 固定定位
定义:相对于浏览器窗口进行定位。无论页面如何滚动,这个盒子显示的位置不变。
用途:
1)返回顶部实现
【web前端css的3种定位属性】2)导航栏实现

转载于:https://www.cnblogs.com/yongfengnice/p/10762569.html

    推荐阅读