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