課程
/前端開發(fā)
/JavaScript
/H5+JS+CSS3 實(shí)現(xiàn)圣誕情緣
老師,這里的position:absolute的作用是什么呢?我發(fā)現(xiàn)把這個(gè)去掉,就不能只顯示一只小鳥。用overflow:hidden也是不能的。應(yīng)該不是簡(jiǎn)單的定位,讓top:20%;
2016-01-06
源自:H5+JS+CSS3 實(shí)現(xiàn)圣誕情緣 3-2
正在回答
因?yàn)樵O(shè)置absolute會(huì)使元素脫離文檔流。
? ? ?如果沒有“min-width:91px;min-height: 71px;”這兩條但是存在“position:absolute”這條代碼的話你應(yīng)該什么都看不到,因?yàn)闆]有為這個(gè)元素設(shè)置寬和高。元素在沒有脫離文檔流的情況下寬和高可以從父元素繼承,但脫離之后無處繼承,所以height與width都是0。因此老師為其設(shè)置了min-width和min-height,然后我們便可以看到只有一只小鳥在煽動(dòng)翅膀。
? ? 而在你刪除position:absolute之后,寬和高都從父元素繼承,那么你可以看到一排的小鳥。
? ? 實(shí)際上,將寬和高設(shè)置為“width:91px;height: 71px;”的話,就無所謂繼承的問題了,那么不管你的position設(shè)置成absolute還是relative抑或是不設(shè)置顯示情況都沒有問題。
absolute的作用其實(shí)就是能夠使用left和top方法。其實(shí)在實(shí)際運(yùn)用中我們是將absolute和relative一起用的。一個(gè)塊里面有另一個(gè)塊,小塊設(shè)置absolute,大塊設(shè)置relative,此時(shí)則相對(duì)大塊可以設(shè)置小塊的left和top。如果沒有設(shè)置,則默認(rèn)是相對(duì)于整個(gè)頁面設(shè)置其left,top;
鳴人與路飛 提問者
舉報(bào)
為圣誕節(jié)準(zhǔn)備的H5+JS+CSS特效案例教程,實(shí)現(xiàn)靜與動(dòng)的結(jié)合
1 回答關(guān)于rem的問題
1 回答關(guān)于旋轉(zhuǎn)角度的問題?
1 回答關(guān)于圖片問題?
1 回答關(guān)于rem布局問題
4 回答position: absolute;的做用是什么呢
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)
2016-04-24
因?yàn)樵O(shè)置absolute會(huì)使元素脫離文檔流。
? ? ?如果沒有“min-width:91px;min-height: 71px;”這兩條但是存在“position:absolute”這條代碼的話你應(yīng)該什么都看不到,因?yàn)闆]有為這個(gè)元素設(shè)置寬和高。元素在沒有脫離文檔流的情況下寬和高可以從父元素繼承,但脫離之后無處繼承,所以height與width都是0。因此老師為其設(shè)置了min-width和min-height,然后我們便可以看到只有一只小鳥在煽動(dòng)翅膀。
? ? 而在你刪除position:absolute之后,寬和高都從父元素繼承,那么你可以看到一排的小鳥。
? ? 實(shí)際上,將寬和高設(shè)置為“width:91px;height: 71px;”的話,就無所謂繼承的問題了,那么不管你的position設(shè)置成absolute還是relative抑或是不設(shè)置顯示情況都沒有問題。
2016-01-06
absolute的作用其實(shí)就是能夠使用left和top方法。其實(shí)在實(shí)際運(yùn)用中我們是將absolute和relative一起用的。一個(gè)塊里面有另一個(gè)塊,小塊設(shè)置absolute,大塊設(shè)置relative,此時(shí)則相對(duì)大塊可以設(shè)置小塊的left和top。如果沒有設(shè)置,則默認(rèn)是相對(duì)于整個(gè)頁面設(shè)置其left,top;