Position absolute意思

在HTML和CSS中，position: absolute 是一個CSS屬性值，用於設定元素的位置。當給元素設定position: absolute後，這個元素就會相對於其父元素（最近的定位祖先元素）進行絕對定位。

絕對定位的元素會脫離文檔流，這意味著它不會占用它在文檔流中的原始位置，而是會覆蓋其他元素。絕對定位的元素可以通過設定top、right、bottom和left屬性來指定它在螢幕上的確切位置。

如果元素沒有定位祖先，那麼它會相對於瀏覽器視窗進行絕對定位。

下面是一個簡單的例子：

<div class="container">
  <div class="box"></div>
</div>

.container {
  position: relative;
  width: 500px;
  height: 500px;
  background: lightblue;
}

.box {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 50px;
  height: 50px;
  background: red;
}

在這個例子中，.container設定了position: relative，這使得.box可以相對於它進行絕對定位。.box設定了position: absolute，並且通過top和left屬性，我們將.box的位置指定為距離.container的上邊和左邊各50像素。

絕對定位是非常有用的，它可以讓你精確地控制元素的位置，而不必擔心它們會覆蓋其他元素或者被其他元素覆蓋。然而，需要注意的是，絕對定位的元素不會隨著頁面滾動而移動，除非它們的定位祖先也在滾動。