這篇文章給大家分享的是有關(guān)CSS的position屬性有哪些的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

十載的遵義網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。營(yíng)銷型網(wǎng)站建設(shè)的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整遵義建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)公司從事“遵義網(wǎng)站設(shè)計(jì)”,“遵義網(wǎng)站推廣”以來(lái)，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

1、absolute（絕對(duì)定位）

absolute是生成覺(jué)對(duì)定位的元素，脫離了文本流（即在文檔中已經(jīng)不占據(jù)位置），參照瀏覽器的左上角通過(guò)top,right,bottom,left（簡(jiǎn)稱TRBL） 定位?？梢赃x取具有定位的父級(jí)對(duì)象（下文將說(shuō)到relative與absolute的結(jié)合使用）或者body坐標(biāo)原點(diǎn)進(jìn)行定位，也可以通過(guò)z-index進(jìn)行層次分級(jí)。absolute在沒(méi)有設(shè)定TRBL值時(shí)是根據(jù)父級(jí)對(duì)象的坐標(biāo)作為始點(diǎn)的，當(dāng)設(shè)定TRBL值后則根據(jù)瀏覽器的左上角作為原始點(diǎn)。

2、relative（相對(duì)定位）

relative是相對(duì)的意思，顧名思義就是相對(duì)于元素本身在文檔中應(yīng)該出現(xiàn)的位置來(lái)移動(dòng)這個(gè)元素，可以通過(guò)TRBL來(lái)移動(dòng)元素的位置，實(shí)際上該元素依然占據(jù)文檔中原有的位置，只是視覺(jué)上相對(duì)原來(lái)的位置有移動(dòng)。

3、relative與absolute的結(jié)合使用

在網(wǎng)頁(yè)設(shè)計(jì)時(shí)經(jīng)常會(huì)用到浮動(dòng)來(lái)對(duì)頁(yè)面進(jìn)行布局，但是浮動(dòng)所帶來(lái)的不確定因素卻很多（例如：IE瀏覽器的兼容問(wèn)題）。相對(duì)來(lái)說(shuō)，在有些布局中定位使用會(huì)更加簡(jiǎn)單、快捷、兼容性更好（relative與absolute相結(jié)合來(lái)使用）。

感謝各位的閱讀！關(guān)于“CSS的position屬性有哪些”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！