在CSS中，可以使用position屬性來(lái)移動(dòng)盒子。position屬性有五個(gè)值：static、relative、absolute、fixed和sticky。
static這是默認(rèn)值，盒子按照正常的文檔流進(jìn)行定位。
relative盒子相對(duì)于其正常位置進(jìn)行定位，可以使用top、right、bottom和left屬性進(jìn)行移動(dòng)。
absolute盒子相對(duì)于***近的已定位祖先元素（而非文檔流）進(jìn)行定位，如果沒(méi)有已定位的祖先元素，那么相對(duì)于<html>元素進(jìn)行定位，可以使用top、right、bottom和left屬性進(jìn)行移動(dòng)。
fixed盒子相對(duì)于瀏覽器窗口進(jìn)行定位，即使頁(yè)面滾動(dòng)，盒子也會(huì)保持在相同的位置，可以使用top、right、bottom和left屬性進(jìn)行移動(dòng)。
sticky盒子在滾動(dòng)到某個(gè)位置之前為相對(duì)定位，之后為固定定位。
如果想要讓盒子向下移動(dòng)50像素，可以使用以下代碼：
div {
position: relative;
top: 50px;
}如果想要讓盒子在頁(yè)面中***定位，可以使用以下代碼：
div {
position: absolute;
top: 0;
left: 0;
}如果想要讓盒子固定在瀏覽器窗口的右下角，可以使用以下代碼：
div {
position: fixed;
bottom: 0;
right: 0;
}就是使用CSS移動(dòng)盒子的方法。
版權(quán)聲明：除非特別標(biāo)注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。
