positon:static|absolute|relative|fiexd

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

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

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

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

轉載于:https://www.cnblogs.com/hg0209/p/5496285.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。