這篇文章主要介紹“CSS定位的類型有哪幾個”,在日常操作中,相信很多人在CSS定位的類型有哪幾個問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”CSS定位的類型有哪幾個”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
按需網(wǎng)站策劃可以根據(jù)自己的需求進(jìn)行定制,網(wǎng)站設(shè)計制作、網(wǎng)站設(shè)計構(gòu)思過程中功能建設(shè)理應(yīng)排到主要部位公司網(wǎng)站設(shè)計制作、網(wǎng)站設(shè)計的運(yùn)用實(shí)際效果公司網(wǎng)站制作網(wǎng)站建立與制做的實(shí)際意義
1、相對定位 - relative
使用相對定位的盒子,會相對它原來應(yīng)該在的位置進(jìn)行偏移,偏移到指定的位置;
使用相對定位的盒子仍然在標(biāo)準(zhǔn)流中,它對父盒子和兄弟盒子沒有任何的影響。
2、絕對定位 - absolute
使用絕對定位的盒子以它的“最近”的一個“已經(jīng)定位”的“祖先元素”為基準(zhǔn)進(jìn)行偏移。如果沒有已經(jīng)定位的祖先元素,那么會以瀏覽器窗口為基準(zhǔn)進(jìn)行定位;
絕對定位的框從標(biāo)準(zhǔn)流中脫離,這意味著它們對其后的兄弟盒子的定位沒有影響,其他的盒子就好像這個盒子不存在一樣。
3、靜態(tài)定位 - static
默認(rèn)值,基本不需要關(guān)注
4、固定定位 - fixed
它和絕對定位類似,只是以瀏覽器窗口為基準(zhǔn)進(jìn)行定位,也就是當(dāng)拖動瀏覽器窗口的滾動條時,依然保持對象位置不變
到此,關(guān)于“CSS定位的類型有哪幾個”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬?shí)用的文章!