課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
沒看懂,有大神給解釋解釋嗎
2019-01-04
源自:初識HTML(5)+CSS(3)-升級版 13-9
正在回答
可以這么理解,假設有兩個元素<div1>和<div2>,如果想要<div2>相對于<div1>的位置是固定不變的,可以給<div1>一個Relative定位,給<div2>一個Absolute定位,(注意,<div1>應是<div2>的父輩元素,否則定位會出錯。)
此時,可以把給了Relative定位的<div1>抽象為瀏覽器窗口,<div2>的位置就是相對這個“瀏覽器”固定的
linabc123
相對定位relative只是給父元素一個定位屬性,之后,子元素就可以相對父元素進行定位;
然后absolute就是相對于父元素進行移動。這里拓展一下,子元素不一定使用absolute,用relative也是可以的。
第一種: #box4{???? ????????position:relative;? ????????left:0px; ????????top:-50px; ???????} 第二種: #box4{???? ????????position:absolute;? ????????left:0px; ????????bottom:0px; ???????}
可以試試
Silent_Walke
第一條說的很對。關鍵就在于absolute定位。前面的課有講到,定位是相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位。沒有的話才是相對于瀏覽器。所以就是給父元素一種定位,然后子元素就可以利用絕對定位的方法來相對于父元素來定位了。
相對定位和絕對定位都是相對于父元素做出的空間位置偏移,相對定位不會脫離文檔流,絕對定位會脫離文檔流
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
1 回答這一節沒看太懂
1 回答這一章節看不懂
5 回答這一小節看不懂,
2 回答繼承這節看不懂
3 回答沒看懂這句話
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2019-01-04
可以這么理解,假設有兩個元素<div1>和<div2>,如果想要<div2>相對于<div1>的位置是固定不變的,可以給<div1>一個Relative定位,給<div2>一個Absolute定位,(注意,<div1>應是<div2>的父輩元素,否則定位會出錯。)
此時,可以把給了Relative定位的<div1>抽象為瀏覽器窗口,<div2>的位置就是相對這個“瀏覽器”固定的
2019-03-17
相對定位relative只是給父元素一個定位屬性,之后,子元素就可以相對父元素進行定位;
然后absolute就是相對于父元素進行移動。這里拓展一下,子元素不一定使用absolute,用relative也是可以的。
Relative與Relative組合使用也可以達到相同的效果
可以試試
2019-01-25
第一條說的很對。關鍵就在于absolute定位。前面的課有講到,定位是相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位。沒有的話才是相對于瀏覽器。所以就是給父元素一種定位,然后子元素就可以利用絕對定位的方法來相對于父元素來定位了。
2019-01-14
相對定位和絕對定位都是相對于父元素做出的空間位置偏移,相對定位不會脫離文檔流,絕對定位會脫離文檔流