web前端css的3种定位属性

CSS的定位属性有三种,分别是相对定位、绝对定位、固定定位。

1. 相对定位  //占坑定位,不脱标。还占着标准流里的原来位置,只是参照自己原来位置进行偏移。

  定义:相对于自己原来的位置进行位置调整。一般用于位置微调。

  用途:

    1)微调自己的位置

    2)做子元素绝对定位的参考,子绝父相

2. 绝对定位  //脱标定位,脱离标准流。

  定义:相对于定位的父元素进行自己的位置调整。定位的父元素可以是相对定位、绝对定位、固定定位,是最靠近的父元素。

  用途:

    1)绝对定位之后,标签就不区分行内元素、块级元素了,不需要display:block就可以设置宽、高。

    2)压盖效果实现

3. 固定定位

  定义:相对于浏览器窗口进行定位。无论页面如何滚动,这个盒子显示的位置不变。

  用途:

    1)返回顶部实现

    2)导航栏实现

原文地址:https://www.cnblogs.com/yongfengnice/p/10762569.html