定位模式

定位模式都有哪些?
定位模式都有哪些?
静态定位(static)

  • 静态定位是元素的默认定位方式,无定位的意思,相当于border里面的none,不要定位的时候用。

  • 静态定位 按照标准流特性摆放位置,它没有边偏移。

  • 静态定位在布局时我们几乎不用
    相对定位

  • 相对定位是元素相对于它 原来在标准流中的位置 来说的。
    效果图
    定位模式都有哪些?

  • 相对于自己原来在标准流中位置来移动的

  • 原来**在标准流的区域继续占有,**后面的盒子任然以标准流的方式对待它。
    绝对定位
    绝对定位是元素以带有定位的父级元素来移动位置

  • 完全脱标–完全不占位置

  • 父元素没有定位,以浏览器为准定位
    定位模式都有哪些?
    固定定位

  • 完全脱标–完全不占位置;

  • 只认浏览器的可视窗口

  • 跟父元素没有任何关系,单独使用的;

  • 不随滚动条滚动。
    定位模式都有哪些?

相关文章:

  • 2021-11-17
  • 2022-12-23
  • 2022-12-23
  • 2021-04-11
  • 2022-01-18
猜你喜欢
  • 2022-12-23
  • 2021-12-03
  • 2021-07-24
  • 2021-04-30
  • 2022-12-23
  • 2021-09-02
  • 2021-12-22
相关资源
相似解决方案