position屬性有：1、【relative】相對(duì)定位；2、【absolute】絕對(duì)定位；3、【fixed】固定定位；4、【static】默認(rèn)值；5、【sticky】粘性定位。

本教程操作環(huán)境：windows10系統(tǒng)、css3版，DELL G3電腦，該方法適用于所有品牌電腦。

position屬性有：

1、position: relative;相對(duì)定位

1> 不影響元素本身特性（無論區(qū)塊元素還是內(nèi)聯(lián)元素會(huì)保留其原本特性）

2> 不會(huì)使元素脫離文檔流（元素原本位置會(huì)被保留，即改變位置也不會(huì)占用新位置）

3> 沒有定位偏移量時(shí)對(duì)元素?zé)o影響（相對(duì)于自身原本位置進(jìn)行偏移）

4>提升層級(jí)（用z-index樣式的值可以改變一個(gè)定位元素的層級(jí)關(guān)系，從而改變?cè)氐母采w關(guān)系，值越大越在上面，z-index只能在position屬性值為relative或absolute或fixed的元素上有效。） （兩個(gè)都為定位元素，后面的會(huì)覆蓋前面的定位）

2、position: absolute;絕對(duì)定位

1> 使元素完全脫離文檔流（在文檔流中不再占位）

2> 使內(nèi)聯(lián)元素在設(shè)置寬高的時(shí)候支持寬高（改變內(nèi)聯(lián)元素的特性）

3> 使區(qū)塊元素在未設(shè)置寬度時(shí)由內(nèi)容撐開寬度（改變區(qū)塊元素的特性）

4> 相對(duì)于最近一個(gè)有定位的父元素偏移（若其父元素沒有定位則逐層上找，直到document——頁面文檔對(duì)象）

5> 相對(duì)定位一般配合絕對(duì)定位使用（將父元素設(shè)置相對(duì)定位，使其相對(duì)于父元素偏移）

6> 提升層級(jí)（同相對(duì)定位）

3、position: fixed;固定定位

fixed生成固定定位的元素，相對(duì)于瀏覽器窗口進(jìn)行定位。

4、position：static：默認(rèn)值

默認(rèn)布局。元素出現(xiàn)在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。

5、position: sticky 粘性定位

粘性定位，該定位基于用戶滾動(dòng)的位置。

它的行為就像 position:relative; 而當(dāng)頁面滾動(dòng)超出目標(biāo)區(qū)域時(shí)，它的表現(xiàn)就像 position:fixed;，它會(huì)固定在目標(biāo)位置。

注意: Internet Explorer, Edge 15 及更早 IE 版本不支持 sticky 定位。 Safari 需要使用 -webkit- prefix 。

相關(guān)教程推薦：CSS視頻教程