課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
如題,不懂relative這種定位的意義何在
2016-03-01
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-9
正在回答
對(duì)于子元素(box4)來(lái)說(shuō),采用relative和absolute是沒(méi)有區(qū)別的,box4的定位只要box3具有定位屬性就行;但是對(duì)于box3來(lái)說(shuō),如果要移動(dòng)的時(shí)候,采用relative就是在當(dāng)前默認(rèn)位置(題目中box3沒(méi)有偏移)的基礎(chǔ)上偏移,可以根據(jù)和box1的距離定位,同時(shí)保留了box3的位置,之后要是還有box5可以參照box3的默認(rèn)位置;用了absolute的話,要移動(dòng)box3就要自己算和body的偏移量,同時(shí)沒(méi)有了box3的位置,像透明一樣懸在那兒,再加入box5的話也不好計(jì)算什么地方正好不在box3的位置
設(shè)成relative的話 ? ?移動(dòng)box3就可以用相對(duì)box1的坐標(biāo)了 ? 設(shè)成absolute的話,移動(dòng)box3就很麻煩了
因?yàn)閎ox3里邊沒(méi)設(shè)置偏移量,那么position:relative/absolute 效果是一樣的。但是實(shí)質(zhì)不一樣,當(dāng)你設(shè)定了position的值,時(shí),他等待著你設(shè)定偏移量,①如果你不設(shè)定偏移量,它就默認(rèn)是自上而下或者自左向右的分步于頁(yè)面;②如果你設(shè)定了,他就按照偏移量來(lái)偏移。還要注意,概念上的區(qū)別:絕對(duì)定位是相對(duì)于離他最近的父元素定位的;相對(duì)定位:相對(duì)于與他同級(jí)的元素定位的。效果上的區(qū)別:絕對(duì)定位的元素不會(huì)保留它的空間,如果有 其他元素要定位,是會(huì)覆蓋它的;相對(duì)定位會(huì)保留其空間,如果p設(shè)置了相對(duì)定位,他后面有其他元素也要相對(duì)定位,后面的元素會(huì)自上而下分布,不占用p的空 間。relative是相對(duì)于他原來(lái)的位置偏移。absolute,相對(duì)于離他最近的父元素偏移。
以后你遇到了問(wèn)題再回過(guò)來(lái)看吧,這個(gè)地方需要實(shí)踐。
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
2 回答box3為什么還要設(shè)置 position:relative
3 回答父容器為什么設(shè)置為relative
3 回答父元素設(shè)置為absolute也可以啊,只要父元素設(shè)置定位屬性,不設(shè)置成fix脫離文檔流就行了。這里有沒(méi)有硬性規(guī)定還是不成文規(guī)定一定要父元素設(shè)置為relative,因?yàn)閹缀跛卸际莚elative->absolute
7 回答box3中把relative換成absolute,好像也沒(méi)有影響?
1 回答為什么width設(shè)置成30px啊
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-03-18
對(duì)于子元素(box4)來(lái)說(shuō),采用relative和absolute是沒(méi)有區(qū)別的,box4的定位只要box3具有定位屬性就行;但是對(duì)于box3來(lái)說(shuō),如果要移動(dòng)的時(shí)候,采用relative就是在當(dāng)前默認(rèn)位置(題目中box3沒(méi)有偏移)的基礎(chǔ)上偏移,可以根據(jù)和box1的距離定位,同時(shí)保留了box3的位置,之后要是還有box5可以參照box3的默認(rèn)位置;用了absolute的話,要移動(dòng)box3就要自己算和body的偏移量,同時(shí)沒(méi)有了box3的位置,像透明一樣懸在那兒,再加入box5的話也不好計(jì)算什么地方正好不在box3的位置
2016-03-15
設(shè)成relative的話 ? ?移動(dòng)box3就可以用相對(duì)box1的坐標(biāo)了 ? 設(shè)成absolute的話,移動(dòng)box3就很麻煩了
2016-03-12
因?yàn)閎ox3里邊沒(méi)設(shè)置偏移量,那么position:relative/absolute 效果是一樣的。但是實(shí)質(zhì)不一樣,當(dāng)你設(shè)定了position的值,時(shí),他等待著你設(shè)定偏移量,①如果你不設(shè)定偏移量,它就默認(rèn)是自上而下或者自左向右的分步于頁(yè)面;②如果你設(shè)定了,他就按照偏移量來(lái)偏移。還要注意,概念上的區(qū)別:絕對(duì)定位是相對(duì)于離他最近的父元素定位的;相對(duì)定位:相對(duì)于與他同級(jí)的元素定位的。效果上的區(qū)別:絕對(duì)定位的元素不會(huì)保留它的空間,如果有 其他元素要定位,是會(huì)覆蓋它的;相對(duì)定位會(huì)保留其空間,如果p設(shè)置了相對(duì)定位,他后面有其他元素也要相對(duì)定位,后面的元素會(huì)自上而下分布,不占用p的空 間。relative是相對(duì)于他原來(lái)的位置偏移。absolute,相對(duì)于離他最近的父元素偏移。
2016-03-01
以后你遇到了問(wèn)題再回過(guò)來(lái)看吧,這個(gè)地方需要實(shí)踐。