本文目錄導(dǎo)讀：

1. 靜態(tài)定位
2. 相對定位
3. ***定位
4. 固定定位

CSS中顯示***層的方法

在CSS中，我們可以使用層疊樣式表（CSS）來控制網(wǎng)頁元素的顯示，對于如何顯示***層，我們可以使用CSS中的定位屬性來實現(xiàn)。

靜態(tài)定位

在CSS中，我們可以將元素的定位屬性設(shè)置為靜態(tài)（static），這樣元素就會按照正常的文檔流進行顯示，不會被其他元素所覆蓋。

div {
  position: static;
}

相對定位

相對定位（relative）是指元素相對于其原始位置進行定位，我們可以通過設(shè)置元素的top、right、bottom、left屬性來控制元素的位置。

div {
  position: relative;
  top: 10px;
  left: 20px;
}

***定位

***定位（absolute）是指元素相對于其***近的定位祖先元素進行定位，如果沒有定位祖先元素，那么元素就會相對于初始包含塊進行定位。

div {
  position: absolute;
  top: 50px;
  left: 50px;
}

固定定位

固定定位（fixed）是指元素相對于瀏覽器窗口進行定位，即使頁面滾動，元素也會保持在同一位置。

div {
  position: fixed;
  top: 20px;
  right: 20px;
}

通過以上的定位屬性，我們可以控制網(wǎng)頁元素的位置，從而實現(xiàn)顯示***層的效果，我們還可以結(jié)合CSS中的其他屬性，如z-index、display等，來實現(xiàn)更豐富的頁面效果。