新!我的 44 頁電子書「44 分鐘搞懂 CSS」已經出版囉!😃

立即取得 →

#position

定義元素的定位行為。

預設值 position: static;

元素將保留在頁面的自然流程中。

因此,它不會作為絕對定位的粉紅色區塊的錨點。

此外,它不會對下列屬性做出反應

  • 底部
  • 左側
  • Z 軸索引

position: relative;

元素將保留在頁面的自然流程中。

它也會讓元素定位:它將作為絕對定位的粉紅色區塊的錨點。

此外,它將反應下列屬性

  • 底部
  • 左側
  • Z 軸索引

position: absolute;

元素不會留在頁面的自然流動中。它會根據最近定位的祖先來定位自己。

因為它定位了,它將作為絕對定位的粉紅色區塊的錨點。

此外,它將反應下列屬性

  • 底部
  • 左側
  • Z 軸索引

position: fixed;

元素不會留在頁面的自然流動中。它會根據視窗來定位自己。

因為它定位了,它將作為絕對定位的粉紅色區塊的錨點。

此外,它將反應下列屬性

  • 底部
  • 左側
  • Z 軸索引