CSS中，我們可以使用相對定位（relative positioning）或***定位（absolute positioning）來將盒子放在頁面之外。

相對定位是相對于元素在文檔流中的原始位置進(jìn)行定位，我們可以通過設(shè)置元素的position屬性為relative，并使用top、right、bottom、left屬性來移動元素，如果我們想要將一個盒子放在頁面右上角，我們可以這樣寫：

.box {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

***定位是相對于瀏覽器窗口進(jìn)行定位，不受到文檔流的影響，我們可以通過設(shè)置元素的position屬性為absolute，并使用top、right、bottom、left屬性來移動元素，如果我們想要將一個盒子放在頁面右上角，我們可以這樣寫：

.box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

需要注意的是，***定位的元素會脫離文檔流，不會占用文檔流中的空間，如果***定位的元素超出了頁面范圍，那么它將會被裁剪掉。