CSS Div盒子的定位方法

在CSS中，我們可以使用position屬性來定位div盒子，position屬性有五個值：static、relative、absolute、fixed和sticky。

1、static：這是默認值，div盒子按照正常的文檔流進行定位。

2、relative：相對定位，div盒子相對于其正常位置進行定位，可以使用top、right、bottom和left屬性進行微調。

3、absolute：***定位，div盒子相對于其***近的已定位祖先元素（即包含position屬性的元素）進行定位，如果沒有已定位的祖先元素，那么它會相對于初始包含塊（即整個頁面）進行定位，可以使用top、right、bottom和left屬性進行***控制。

4、fixed：固定定位，div盒子相對于瀏覽器窗口進行定位，即使頁面滾動，它也會保持在相同的位置，可以使用top、right、bottom和left屬性進行***控制。

5、sticky：粘性定位，這是相對定位和固定定位的混合，元素在滾動到某個位置之前為相對定位，之后為固定定位。

除了position屬性外，我們還可以使用z-index屬性來控制div盒子的堆疊順序，z-index值較高的元素會覆蓋在z-index值較低的元素上。

CSS提供了豐富的定位方法，我們可以根據(jù)具體需求選擇適合的定位方式。