在CSS中，要使一個盒子脫離其定位，可以使用position屬性將其設(shè)置為absolute、relative或fixed之一，這些值會使盒子脫離正常的文檔流，并根據(jù)指定的位置進行定位。

absolute使盒子相對于***近的非靜態(tài)（即不是static）定位祖先元素進行定位，如果沒有非靜態(tài)定位祖先元素，那么盒子將相對于初始包含塊（即HTML元素）進行定位。

relative使盒子相對于其正常位置進行定位，即使盒子移動到了新的位置，它仍然會保留其原始大小，并且不會影響其他元素的布局。

fixed使盒子相對于瀏覽器窗口進行定位，即使頁面滾動，盒子也會保持在相同的位置。

假設(shè)你有一個盒子，它的CSS如下：

.box {
  position: relative;
  top: 50px;
  left: 50px;
}

這個盒子會相對于其正常位置移動50像素，如果你想要它脫離這個定位，你可以將position屬性設(shè)置為static：

.box {
  position: static;
}

這樣，盒子就會回到它的原始位置，如果你想要它相對于瀏覽器窗口固定，你可以將position屬性設(shè)置為fixed：

.box {
  position: fixed;
  top: 50px;
  left: 50px;
}

這樣，無論頁面如何滾動，盒子都會保持在相同的位置。