第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

什么是前輩元素?為什么前輩元素必須是relative,相對(duì)參照的是absolute?

什么是前輩元素?為什么前輩元素必須是relative,相對(duì)參照的是absolute?

完全不明白啊,難道不是參照的絕對(duì)定位(不動(dòng)的),而相對(duì)參照的才是相對(duì)定位嗎(按照參照定位元素來(lái)定位)?

正在回答

7 回答

首先建立參考系,就是relative,一起發(fā)生移動(dòng)就是absolute

0 回復(fù) 有任何疑惑可以回復(fù)我~

什么是絕對(duì)定位:

如果想為元素設(shè)置層模型中的絕對(duì)定位,需要設(shè)置position:absolute(表示絕對(duì)定位),這條語(yǔ)句的作用將元素從文檔流中拖出來(lái),然后使用left、right、top、bottom屬性相對(duì)于其最接近的一個(gè)具有定位屬性的父包含塊進(jìn)行絕對(duì)定位。如果不存在這樣的包含塊,則相對(duì)于body元素,即相對(duì)于瀏覽器窗口

首先你得理解絕對(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è)條件:

  1. 具有定位屬性

  2. 是父包含塊

如果找不到,那就相對(duì)于body元素定位。

<div id="box1">

????????????<div id="box2">

????????????????????<div id="box3">?</div>

????????????</div>

?</div>

例如上面這段代碼,假設(shè)box3為定位塊,box1是參考?jí)K,那么box1就應(yīng)該包含box3.同理,如果你想把box2作為參考?jí)K,那么box2也得包含著box3.

(這時(shí),box2,box1都滿足條件“是box3的父包含塊”,但是還不滿足條件“具有定位屬性”,如果想把box2或者box2,box1作為參考?jí)K,還要給他們添加定位屬性,如下)

<style type="text/css">

? ? #box1{positon:abosute}

</style>

(這時(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是什么。

15 回復(fù) 有任何疑惑可以回復(fù)我~

(1)前輩元素定義得很形象啊,除了父元素外,還有父元素的父元素、與父元素共父元素的元素以及更外層的元素。(2)樓上AirLuo的解釋非常形象,只不過(guò)考慮到其他前輩元素時(shí),你得說(shuō)明一下,前輩元素設(shè)為relative是相對(duì)于它自己的前輩元素,而定位元素則是相對(duì)于當(dāng)前的前輩元素設(shè)置的absolute。


1 回復(fù) 有任何疑惑可以回復(fù)我~

absplute是不移動(dòng)的,所以作為兒子,relative是可以移動(dòng)的,所以做為爸爸,當(dāng)你在編寫(xiě)頁(yè)面的時(shí)候需要把爸爸移動(dòng),兒子是會(huì)跟著走的,不然你還要在編寫(xiě)一下兒子弄到爸爸那,

0 回復(fù) 有任何疑惑可以回復(fù)我~

首先,我想告訴你的是,如果父級(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)行定位,不一定是其父元素。

1 回復(fù) 有任何疑惑可以回復(fù)我~

櫥窗=瀏覽器,一盒煙=relative,煙盒里的煙=absolute。這時(shí)候從櫥窗中挪動(dòng)一盒煙。

所以煙盒是在櫥窗里,相對(duì)它原來(lái)的位置發(fā)生了移動(dòng),即相對(duì)位置relative

因?yàn)闊熀邪煟ǜ割悾?,而煙盒里的煙也和煙盒一起發(fā)生了移動(dòng),是因?yàn)闊熛鄬?duì)煙盒是絕對(duì)位置,即absolute

6 回復(fù) 有任何疑惑可以回復(fù)我~

父元素當(dāng)然jiu是前輩元素

0 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消

什么是前輩元素?為什么前輩元素必須是relative,相對(duì)參照的是absolute?

我要回答 關(guān)注問(wèn)題
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)