課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
對于教程中的“相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位”,除了body之外,如果出現了相對的,有哪些呢?
2015-02-09
源自:初識HTML(5)+CSS(3)-升級版 13-6
正在回答
標簽的默認的定位屬性是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來設置的。
不知道我的表達你能理解不~
GALOHWANG 提問者
wiibil
qq_一生之久_0
西地錦 回復 qq_一生之久_0
人土土zzzzz
謝謝大神解釋,很清晰。。。。
感謝了!頂一個
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
1 回答相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位。
4 回答然后使用left、right、top、bottom屬性相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位。
3 回答最接近的一個具有定位屬性的父包含塊進行絕對定位。什么意思
5 回答相對于最接近具有定位屬性的父包塊?
5 回答最接近的一個具有定位屬性的父包含塊
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-02-09
標簽的默認的定位屬性是static。這句話的意思是說給父容器設置了除position:static外的其他定位屬性如position:relative/absolute/fixed等之后,其子元素就可以相對該父元素進行定位了。舉個栗子:
這段代碼如果我的css是這樣的話
由于.father沒有設置position,其position為默認的static,所以.son的absolute相對的就是.grandfather來進行定位的。設置的top left等值就是相對于.grandfather來設置的。如果你得css樣式改為
則.son的absolute定位就是相對于.father來定位了,left top的值也就是相對于.father來設置的。
不知道我的表達你能理解不~
2017-12-05
謝謝大神解釋,很清晰。。。。
2017-07-10
感謝了!頂一個