課程
/前端開發(fā)
/JavaScript
/H5+JS+CSS3 實現(xiàn)圣誕情緣
老師,這里的position:absolute的作用是什么呢?我發(fā)現(xiàn)把這個去掉,就不能只顯示一只小鳥。用overflow:hidden也是不能的。應該不是簡單的定位,讓top:20%;
2016-01-06
源自:H5+JS+CSS3 實現(xiàn)圣誕情緣 3-2
正在回答
因為設置absolute會使元素脫離文檔流。
? ? ?如果沒有“min-width:91px;min-height: 71px;”這兩條但是存在“position:absolute”這條代碼的話你應該什么都看不到,因為沒有為這個元素設置寬和高。元素在沒有脫離文檔流的情況下寬和高可以從父元素繼承,但脫離之后無處繼承,所以height與width都是0。因此老師為其設置了min-width和min-height,然后我們便可以看到只有一只小鳥在煽動翅膀。
? ? 而在你刪除position:absolute之后,寬和高都從父元素繼承,那么你可以看到一排的小鳥。
? ? 實際上,將寬和高設置為“width:91px;height: 71px;”的話,就無所謂繼承的問題了,那么不管你的position設置成absolute還是relative抑或是不設置顯示情況都沒有問題。
absolute的作用其實就是能夠使用left和top方法。其實在實際運用中我們是將absolute和relative一起用的。一個塊里面有另一個塊,小塊設置absolute,大塊設置relative,此時則相對大塊可以設置小塊的left和top。如果沒有設置,則默認是相對于整個頁面設置其left,top;
鳴人與路飛 提問者
舉報
為圣誕節(jié)準備的H5+JS+CSS特效案例教程,實現(xiàn)靜與動的結合
1 回答關于rem的問題
1 回答關于旋轉角度的問題?
1 回答關于圖片問題?
1 回答關于rem布局問題
4 回答position: absolute;的做用是什么呢
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2016-04-24
因為設置absolute會使元素脫離文檔流。
? ? ?如果沒有“min-width:91px;min-height: 71px;”這兩條但是存在“position:absolute”這條代碼的話你應該什么都看不到,因為沒有為這個元素設置寬和高。元素在沒有脫離文檔流的情況下寬和高可以從父元素繼承,但脫離之后無處繼承,所以height與width都是0。因此老師為其設置了min-width和min-height,然后我們便可以看到只有一只小鳥在煽動翅膀。
? ? 而在你刪除position:absolute之后,寬和高都從父元素繼承,那么你可以看到一排的小鳥。
? ? 實際上,將寬和高設置為“width:91px;height: 71px;”的話,就無所謂繼承的問題了,那么不管你的position設置成absolute還是relative抑或是不設置顯示情況都沒有問題。
2016-01-06
absolute的作用其實就是能夠使用left和top方法。其實在實際運用中我們是將absolute和relative一起用的。一個塊里面有另一個塊,小塊設置absolute,大塊設置relative,此時則相對大塊可以設置小塊的left和top。如果沒有設置,則默認是相對于整個頁面設置其left,top;