亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位,有例子嗎?

對于教程中的“相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位”,除了body之外,如果出現了相對的,有哪些呢?

正在回答

3 回答

標簽的默認的定位屬性是static。這句話的意思是說給父容器設置了除position:static外的其他定位屬性如position:relative/absolute/fixed等之后,其子元素就可以相對該父元素進行定位了。舉個栗子:

<div??class="grandfather">
??<div?class="father">
????<div??class="son"></div>
??</div>
</div>

這段代碼如果我的css是這樣的話

.grandfather{position:relative;}
.son{position:absolute;}

由于.father沒有設置position,其position為默認的static,所以.son的absolute相對的就是.grandfather來進行定位的。設置的top left等值就是相對于.grandfather來設置的。如果你得css樣式改為

.grandfather{position:relative;}
.father{position:relative;}
.son{position:absolute;}

則.son的absolute定位就是相對于.father來定位了,left top的值也就是相對于.father來設置的。


不知道我的表達你能理解不~

14 回復 有任何疑惑可以回復我~
#1

GALOHWANG 提問者

多謝??戳四愕幕卮?,我是這么理解的。“相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位”,指的是GRANDFATHER。如果出現類似的嵌套,只要最外層的標簽有使用position定位,那么absolute就是相對于這個的,是嗎?
2015-02-10 回復 有任何疑惑可以回復我~
#2

wiibil

感謝回答!贊!
2015-03-14 回復 有任何疑惑可以回復我~
#3

qq_一生之久_0

為什么.grandfather和.father這兩個的position的值是relative呢?為什么不是absolute?
2016-04-02 回復 有任何疑惑可以回復我~
#4

西地錦 回復 qq_一生之久_0

relative和absolute都可以 。這兒只是舉例,實操中肯定是根據需求來的。子元素 absolute 的定位是相對于它的父級元素的,從最接近的父元素開始找,直到存在 position為 relative|absolute|fixed....等的父元素為止 。
2016-05-28 回復 有任何疑惑可以回復我~
#5

人土土zzzzz

非常感謝!
2016-11-04 回復 有任何疑惑可以回復我~
查看2條回復

謝謝大神解釋,很清晰。。。。

0 回復 有任何疑惑可以回復我~

感謝了!頂一個

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位,有例子嗎?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號