新！ 我的 44 页电子书“44 分钟学会 CSS”已发布！ 😃

立即获取 →

#position

定义元素的定位行为。

默认 position: static;

元素将保留在页面的自然流中。

因此，它不会充当绝对定位的粉红色块的锚点。

此外，它不会对以下属性作出反应

  • top
  • bottom
  • left
  • right
  • z-index

position: relative;

元素将保留在页面的自然流中。

它还使元素定位：它将充当绝对定位的粉红色块的锚点。

此外，它将对以下属性作出反应

  • top
  • bottom
  • left
  • right
  • z-index

position: absolute;

元素不会保留在页面的自然流中。它将根据最近的定位祖先进行定位。

因为它定位，它将充当绝对定位的粉红色块的锚点。

此外，它将对以下属性作出反应

  • top
  • bottom
  • left
  • right
  • z-index

position: fixed;

元素不会保留在页面的自然流中。它将根据视窗进行定位。

因为它定位，它将充当绝对定位的粉红色块的锚点。

此外，它将对以下属性作出反应

  • top
  • bottom
  • left
  • right
  • z-index