更新時(shí)間：2019-12-02對(duì)于做網(wǎng)站開發(fā)的童鞋來說，position屬性一定都是很熟悉的，在css網(wǎng)站制作中，position屬性也是有一定地位的，下邊我們就來看看對(duì)于position屬性是怎樣解釋的？
在w3school中是這樣說的：
定義和用法：position 屬性規(guī)定元素的定位類型。
說明：這個(gè)屬性定義建立元素布局所用的定位機(jī)制。任何元素都可以定位，不過絕對(duì)或固定元素會(huì)生成一個(gè)塊級(jí)框，而不論該元素本身是什么類型。相對(duì)定位元素會(huì)相對(duì)于它在正常流中的默認(rèn)位置偏移。
position屬性對(duì)應(yīng)的值有
1、position: static；
默認(rèn)值。沒有定位，元素出現(xiàn)在正常的流中（忽略 top, bottom, left, right 或者 z-index聲明）。元素框正常生成。塊級(jí)元素生成一個(gè)矩形框，作為文檔流的一部分，行內(nèi)元素則會(huì)創(chuàng)建一個(gè)或多個(gè)行框，置于其父元素中。
2、position: inherit；
inherit值如同其他css屬性的 inherit 值，即繼承父元素的position值。
3、position: relative；
相對(duì)定位，相對(duì)于自己的初始位置，不脫離文檔流。也就是說元素框偏移某個(gè)距離，元素仍保持其未定位前的形狀，它原本所占的空間仍保留。
3、position: absolute；
絕對(duì)定位的元素的位置相對(duì)于最近的已定位祖先元素，如果元素沒有已定位的祖先元素，那么它的位置相對(duì)于最初的包含塊。
4、position: fixed；
fixed元素脫離正常的文檔流，所以它與absolute元素很相似，同樣會(huì)被周圍元素忽略，支持top,bottom,left,right屬性，但fixed 元素正如它的名字一樣，它是固定在屏幕的某個(gè)位置，它不會(huì)隨著瀏覽器滾動(dòng)條的滾動(dòng)而一起滾動(dòng)。比如我們常見的回到頂部的功能，按鈕一直在瀏覽器的左下方，不管滾動(dòng)條如何滾動(dòng)，該按鈕都會(huì)在左下方的固定的位置，這個(gè)需求就可以使用position: fixed來完成。
但需要注意的是，position: fixed是有兼容性問題的，不支持IE6、IE7、IE8�？梢酝ㄟ^給該元素設(shè)置position: absolute并獲取滾動(dòng)條距離頂部高度加上某個(gè)固定高度來實(shí)現(xiàn)。
5、position: sticky；
很多同學(xué)會(huì)對(duì)該屬性比較陌生，這是一個(gè)相對(duì)來講比較新的屬性值。sticky 的本意是粘貼，可以稱之為粘性定位，但在 css 中的表現(xiàn)更像是吸附。這是一個(gè)結(jié)合了 position：relative 和 position：fixed 兩種定位功能于一體的特殊定位。常見的吸頂、吸底（網(wǎng)站的頭部返回欄，底部切換欄之類）的效果用這個(gè)屬性非常適合。
