526互联

position定位属性

发布时间 2023-08-07 06:51:33作者: NUNA11
css中position定位的属性有三种：相对定位、绝对定位和固定定位。通过position可以指定元素在网页的位置。

 

  1. static表示默认值。
  2. relative相对定位。该定位不脱离标准流，在标准流占位置。通过top\left\right\bottom这四个属性指定偏移的位置和距离，移动的参考物是相对元素自己本身。
  3. absolute绝对定位。该元素脱离标准流，不在标准流占位置。通过top\left\right\bottom这四个属性指定偏移的位置和距离，移动的参考物是父元素。（一般子元素用绝对定位，父元素用相对定位【子绝父相来使用】）
  4. fixed固定定位。该元素脱离标准啊流，不在标准流占位置。通过top\left\right\bottom这四个属性指定偏移的位置和距离，移动的参照物是浏览器窗口
  5. sticky粘性定位。该元素没有脱离文档流，不在标准流占位置。通过设置left、top、right、bottom来确定位置，参照物是整个浏览器的窗口。设置该属性后，只有当滑动到这个位置时，才会生效。生效后效果相当于固定定位fixed。