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