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

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

絕對(duì)定位與相對(duì)定位組合使用

參照定位的元素加入position:relative;

定位元素加入position:absolute;

為什么這樣就能相對(duì)于參照元素來定位了,怎么理解,原理是什么?

正在回答

4 回答

其實(shí)如果僅僅只是用來確保定位元素隨著參照定位的元素移動(dòng)而移動(dòng),只要保證參照定位的元素是定位元素的前輩元素,并且定位元素加入position:absolute;,至于參照定位的元素是position:relative;還是position:absolute;都無所謂??梢赃@么理解,絕對(duì)定位會(huì)飄起來;相對(duì)定位創(chuàng)建了一個(gè)副本,讓副本飄起來,而本身隱形。

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

慕勒6241362 提問者

可是教程里說了“參照定位的元素必須加入position:relative”啊,這個(gè)relative不知道有什么用。
2016-11-17 回復(fù) 有任何疑惑可以回復(fù)我~
#2

lusir_0001 回復(fù) 慕勒6241362 提問者

我昨天也試了一下,個(gè)人覺得就是用來保留參照定位的元素原先的位置,如果你在參照定位的元素下再增加一個(gè)div的話,且參照定位的元素的定位屬性是position:absolute;,則新增的div會(huì)襯在其下方,這會(huì)導(dǎo)致重疊,這也許就是教程必須加入position:relative的理由吧
2016-11-17 回復(fù) 有任何疑惑可以回復(fù)我~
#3

lusir_0001 回復(fù) 慕勒6241362 提問者

直白來說,使用position:relative就是為了占位
2016-11-17 回復(fù) 有任何疑惑可以回復(fù)我~
#4

慕勒6241362 提問者

非常感謝!
2016-11-17 回復(fù) 有任何疑惑可以回復(fù)我~
#5

慕勒6241362 提問者 回復(fù) lusir_0001

謝謝!
2016-11-17 回復(fù) 有任何疑惑可以回復(fù)我~
查看2條回復(fù)

個(gè)人理解,其實(shí)如果僅僅只是用來確保定位元素隨著參照定位的元素移動(dòng)而移動(dòng),只要保證參照定位的元素是定位元素的前輩元素,并且定位元素加入position:absolute;,至于參照定位的元素是position:relative;還是position:absolute;都無所謂??梢赃@么理解,絕對(duì)定位本身會(huì)飄起來;相對(duì)定位創(chuàng)建了一個(gè)副本,讓副本基于本身原來位置去飄,而本身隱形。

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

就我的理解?。?/p>

是這樣的首先先有一個(gè)是相對(duì)定位(相對(duì)定位代表以自身本來的位置為參照物(對(duì)就是高中物理相對(duì)運(yùn)動(dòng)時(shí)的那個(gè)參照物)再移動(dòng),絕對(duì)定位的概念是以他的父元素為參照物進(jìn)行移動(dòng),此時(shí)這個(gè)絕對(duì)定位包含于相對(duì)定位的那個(gè)塊中,所以就能相對(duì)于參照元素定位了)

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

慕勒6241362 提問者

還是不明白設(shè)置相對(duì)定位意義何在
2016-11-17 回復(fù) 有任何疑惑可以回復(fù)我~

百度上敘述的可以,你不妨去看一下。

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

舉報(bào)

0/150
提交
取消

絕對(duì)定位與相對(duì)定位組合使用

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

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

幫助反饋 APP下載

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

公眾號(hào)

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