css定位屬性position的值的含義?
1、position:relative;相對(duì)定位
1> 不影響元素本身特性(無論區(qū)塊元素還是內(nèi)聯(lián)元素會(huì)保留其原本特性)
2> 不會(huì)使元素脫離文檔流(元素原本位置會(huì)被保留,即改變位置也不會(huì)占用新位置)3> 沒有定位偏移量時(shí)對(duì)元素?zé)o影響(相對(duì)于自身原本位置進(jìn)行偏移)
2、position: absolute;絕對(duì)定位
1> 使元素完全脫離文檔流(在文檔流中不再占位)
2> 使內(nèi)聯(lián)元素在設(shè)置寬高的時(shí)候支持寬高(改變內(nèi)聯(lián)元素的特性)
3> 使區(qū)塊元素在未設(shè)置寬度時(shí)由內(nèi)容撐開寬度(改變區(qū)塊元素的特性)
4> 相對(duì)于最近一個(gè)有定位的父元素偏移(若其父元素沒有定位則逐層上找,直到document——頁面文檔對(duì)象)
5> 相對(duì)定位一般配合絕對(duì)定位使用(將父元素設(shè)置相對(duì)定位,使其相對(duì)于父元素偏移)6> 提升層級(jí)(同相對(duì)定位)
3、position: fixed;固定定位fixed生成固定定位的元素,相對(duì)于瀏覽器窗口進(jìn)行定位。
4、position:static:默認(rèn)值默認(rèn)布局。元素出現(xiàn)在正常的流中(忽略 top, bottom, left, right 或者 z-index 聲明)。5、position: sticky 粘性定位粘性定位,該定位基于用戶滾動(dòng)的位置。它的行為就像 position:relative; 而當(dāng)頁面滾動(dòng)超出目標(biāo)區(qū)域時(shí),它的表現(xiàn)就像 position:fixed;