什么是前輩元素?為什么前輩元素必須是relative,相對(duì)參照的是absolute?
什么是前輩元素?為什么前輩元素必須是relative,相對(duì)參照的是absolute?
完全不明白啊,難道不是參照的絕對(duì)定位(不動(dòng)的),而相對(duì)參照的才是相對(duì)定位嗎(按照參照定位元素來(lái)定位)?
什么是前輩元素?為什么前輩元素必須是relative,相對(duì)參照的是absolute?
完全不明白啊,難道不是參照的絕對(duì)定位(不動(dòng)的),而相對(duì)參照的才是相對(duì)定位嗎(按照參照定位元素來(lái)定位)?
2016-08-03
舉報(bào)
2016-08-14
首先建立參考系,就是relative,一起發(fā)生移動(dòng)就是absolute
2016-08-05
首先你得理解絕對(duì)定位到底是怎么回事。
分析一下老師給的定義:
將元素從文檔流中拖出來(lái):
意味著這個(gè)元素它不會(huì)占用原來(lái)的位置(和相對(duì)定位做對(duì)比)
相對(duì)于其最接近的一個(gè)具有定位屬性的父包含塊進(jìn)行絕對(duì)定位:
最接近:就是離得最近的
具有定位屬性:意味著在css中需要設(shè)置position是什么(absolute/relative/fixed)
父包含塊:意味著參考?jí)K包含著定位塊。
如果不存在這樣的包含塊,則相對(duì)于body元素,即相對(duì)于瀏覽器窗口
這樣的塊是什么塊?
這樣的快必須同時(shí)滿足兩個(gè)條件:
具有定位屬性
是父包含塊
如果找不到,那就相對(duì)于body元素定位。
例如上面這段代碼,假設(shè)box3為定位塊,box1是參考?jí)K,那么box1就應(yīng)該包含box3.同理,如果你想把box2作為參考?jí)K,那么box2也得包含著box3.
(這時(shí),box2,box1都滿足條件“是box3的父包含塊”,但是還不滿足條件“具有定位屬性”,如果想把box2或者box2,box1作為參考?jí)K,還要給他們添加定位屬性,如下)
(這時(shí),box1既滿足條件“父包含塊”,也滿足條件“具有定位屬性”,那么box1就可以作為參考?jí)K了;而box2,依舊不滿足“具有定位屬性”,盡管box2離box3是最近的,但是依然不能作為參考?jí)K。)
綜上:只要參考?jí)K是定位塊的父包含塊,并且具有定位屬性,那就可以作為參考?jí)K。至于是否一定要設(shè)置為position:relative,是不一定的。
定位塊,你要做相對(duì)參考?jí)K的定位,那么可以用absolute或者relative,未必一定是absolute,不能用fixed,因?yàn)閒ixed是相對(duì)于瀏覽器窗口的,才不管你參考?jí)K是什么。
2016-08-03
(1)前輩元素定義得很形象啊,除了父元素外,還有父元素的父元素、與父元素共父元素的元素以及更外層的元素。(2)樓上AirLuo的解釋非常形象,只不過(guò)考慮到其他前輩元素時(shí),你得說(shuō)明一下,前輩元素設(shè)為relative是相對(duì)于它自己的前輩元素,而定位元素則是相對(duì)于當(dāng)前的前輩元素設(shè)置的absolute。
2016-08-03
absplute是不移動(dòng)的,所以作為兒子,relative是可以移動(dòng)的,所以做為爸爸,當(dāng)你在編寫(xiě)頁(yè)面的時(shí)候需要把爸爸移動(dòng),兒子是會(huì)跟著走的,不然你還要在編寫(xiě)一下兒子弄到爸爸那,
2016-08-03
首先,我想告訴你的是,如果父級(jí)元素是絕對(duì)定位(absolute)或者沒(méi)有設(shè)置,里面的絕對(duì)定位(absolute)自動(dòng)以body定位。這句話是錯(cuò)的。
正確的是:只要父級(jí)元素設(shè)了position并且不是static(默認(rèn)既是static),那么設(shè)定了absolute的子元素即以此為包含塊(最近的)。
絕對(duì)定位(Absolute positioning)元素定位的參照物是其包含塊,既相對(duì)于其包含塊進(jìn)行定位,不一定是其父元素。
2016-08-03
櫥窗=瀏覽器,一盒煙=relative,煙盒里的煙=absolute。這時(shí)候從櫥窗中挪動(dòng)一盒煙。
所以煙盒是在櫥窗里,相對(duì)它原來(lái)的位置發(fā)生了移動(dòng),即相對(duì)位置relative
因?yàn)闊熀邪煟ǜ割悾?,而煙盒里的煙也和煙盒一起發(fā)生了移動(dòng),是因?yàn)闊熛鄬?duì)煙盒是絕對(duì)位置,即absolute
2016-08-03
父元素當(dāng)然jiu是前輩元素