position的四個值：static、relative、absolute、fixed。

絕對定位：absolute和fixed統(tǒng)稱為絕對定位

相對定位：relative

默認(rèn)值：static

絕對定位的定位原理：

1.在父元素沒有設(shè)置相對定位或絕對定位的時候，元素相對于根元素html元素進(jìn)行絕對定位。

這里我們設(shè)置3個div，第3個div設(shè)置為絕對定位。并設(shè)置偏移量

運(yùn)行結(jié)果：

由運(yùn)行結(jié)果，可以看出div3懸浮在頁面上。左側(cè)偏移量為100px，頂部偏移量為30px。這里div3的父元素body沒有設(shè)置相對定位或者絕對定位，所以此時div3是根據(jù)根元素html來定位的。

2.父元素設(shè)置了相對定位或絕對定位，元素會相對于離自己最近的設(shè)置相對定位或絕對定位的父元素進(jìn)行定位。這里離自己最近的父元素

定位不是默認(rèn)的static。

此時我們設(shè)置div3的父元素body為絕對定位

運(yùn)行結(jié)果：

為了進(jìn)一步理解第2句話，我們來設(shè)置這3個div分別設(shè)置父元素。

Html代碼如下：

運(yùn)行結(jié)果為

div3會按照與他最近的父元素container2進(jìn)行絕對定位。

注意：

子元素是絕對定位，父元素就要設(shè)置為相對定位（子絕父相）