positon:static|absolute|relative|fiexd

1、static為默認(rèn)值，沒有定位，元素出現(xiàn)在正常的文檔流中，忽略left,right,top,bottom,i-index值。

2、absolute為絕對定位，通過left,top等值對元素進(jìn)行定位，定位時如果父元素的position值為默認(rèn)值static，就根據(jù)文檔左上角的位置進(jìn)行定位，如果不是就根據(jù)父元素的位置進(jìn)行定位，元素脫離文檔流。

3、relative為相對定位，也是通過left,top等值對元素定位，定位時根據(jù)自己當(dāng)前的位置進(jìn)行定位，元素沒有脫離文檔流。其他元素沒有進(jìn)行位置移動時，相對定位元素可能會和其他元素重疊。

4、fiexd為固定定位，固定定位和絕對定位很類似，但是他定位是相對于瀏覽器窗口，并且不會隨滾動條進(jìn)行滾動。也就是說，不管用戶停留在頁面那個地方，固定定位的元素將始終停留在頁面的一個地方。固定定位最常見的一種用途就是在頁面中創(chuàng)建一個固定頭部、或者腳部、或者固定頁面的一個側(cè)面。就算是用戶移動瀏覽器的滾動條，還是固定在頁現(xiàn)與用戶交流。

轉(zhuǎn)載于:https://www.cnblogs.com/hg0209/p/5496285.html

總結(jié)

以上是生活随笔為你收集整理的css中position初解的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。