1、靜態定位
?概念:元素正常生成,塊級元素生成一個矩形框,作為文檔流的一部分,行內元素則會創建一個或多個行框,置身于父元素中;書寫:position:static;
2、相對定位
概念:設置為相對定位的元素會相對于自己原來的位置偏移摸個距離,元素仍然保持其未定位前的形狀,他原本所占的空間仍保留;書寫:position:relative;
?3、絕對定位
概念:絕對定位元素的位置相對與最近的已定位祖先元素,如果元素沒有以定位的祖先元素,那么他的位置相對于最初的包含塊。書寫:position:absolute;
4、固定定位
概念:元素框的表現類式與將position設置為absolute,不過其包含塊是視窗本身;寫法:position:fixed;