定位:
????????????????? 指定的元素擺放到頁面的任意位置
????????????????? 通過定位可以任意的擺放元素
???? 通過position屬性來設(shè)置元素的定位,可選值:
????????????????? static:默認(rèn)值,元素沒有開啟定位
????????????????? relative:開啟元素的相對定位
????????????????? absolute:開啟元素的絕對定位
????????????????? fixed:開啟元素的固定定位
當(dāng)元素的position屬性設(shè)置為relative時,則開啟了元素的相對定位
?????????? 1.開啟元素的相對定位以后,不設(shè)置偏移量時,元素不會發(fā)生任何變化
?????????? 2.相對定位是相對于元素在文檔流中原來的位置進(jìn)行定位
?????????? 3.元素不會脫離文檔流
?????????? 4.會使元素提升一個層級
?????????? 5.不會改變元素的性質(zhì),塊還是塊,內(nèi)聯(lián)還是內(nèi)聯(lián)
當(dāng)position屬性值設(shè)置為absolute時,則開啟了元素的絕對定位
?????????? 1.開啟絕對定位,會使元素脫離文檔流
?????????? 2.開啟絕對定位,如果不設(shè)置偏移量,則元素的位置不會發(fā)生變化
?????????? 3.絕對定位是相對于離他最近的、開啟了定位的祖先元素進(jìn)行定位的(一般情況,開啟了子元素的絕對定? 位,都會同時開啟父元素的相對定位)
如果所有的祖先元素都沒有開啟定位,則會相對于瀏覽器窗口進(jìn)行定位
?????????? 4.絕對定位會使元素提升一個層級
?????????? 5.絕對定位會改變元素的性質(zhì):
內(nèi)聯(lián)元素變成塊元素,塊元素的寬度和高度默認(rèn)都被內(nèi)容撐開
當(dāng)元素的position屬性設(shè)置fixed時,則開啟了元素的固定定位
固定定位也是一種絕對定位,它的大部分特點都和絕對定位一樣
不同的是:
固定定位永遠(yuǎn)都會相對于瀏覽器窗口進(jìn)行定位
固定定位會固定在瀏覽器窗口某個位置,不會隨滾動條滾動
就算跌倒,也要豪邁的笑