第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定

關(guān)于absolute的問題求教

老師,這里的position:absolute的作用是什么呢?我發(fā)現(xiàn)把這個去掉,就不能只顯示一只小鳥。用overflow:hidden也是不能的。應(yīng)該不是簡單的定位,讓top:20%;

正在回答

2 回答

因為設(shè)置absolute會使元素脫離文檔流。

? ? ?如果沒有“min-width:91px;min-height: 71px;”這兩條但是存在“position:absolute”這條代碼的話你應(yīng)該什么都看不到,因為沒有為這個元素設(shè)置寬和高。元素在沒有脫離文檔流的情況下寬和高可以從父元素繼承,但脫離之后無處繼承,所以height與width都是0。因此老師為其設(shè)置了min-width和min-height,然后我們便可以看到只有一只小鳥在煽動翅膀。

? ? 而在你刪除position:absolute之后,寬和高都從父元素繼承,那么你可以看到一排的小鳥。

? ? 實際上,將寬和高設(shè)置為“width:91px;height: 71px;”的話,就無所謂繼承的問題了,那么不管你的position設(shè)置成absolute還是relative抑或是不設(shè)置顯示情況都沒有問題。


0 回復(fù) 有任何疑惑可以回復(fù)我~

absolute的作用其實就是能夠使用left和top方法。其實在實際運用中我們是將absolute和relative一起用的。一個塊里面有另一個塊,小塊設(shè)置absolute,大塊設(shè)置relative,此時則相對大塊可以設(shè)置小塊的left和top。如果沒有設(shè)置,則默認(rèn)是相對于整個頁面設(shè)置其left,top;

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

鳴人與路飛 提問者

恩恩,這個我能明白,如果這個例子里面我不要absolute,就是我不需要定位的話,我把這個去掉,精靈圖就不能顯示一只小鳥而是3個小鳥都顯示出來了。absolute好像讓精靈圖只顯示出1個來了。但是我不明白為什么??求賜教啦
2016-01-06 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消
H5+JS+CSS3 實現(xiàn)圣誕情緣
  • 參與學(xué)習(xí)       122150    人
  • 解答問題       233    個

為圣誕節(jié)準(zhǔn)備的H5+JS+CSS特效案例教程,實現(xiàn)靜與動的結(jié)合

進(jìn)入課程

關(guān)于absolute的問題求教

我要回答 關(guān)注問題
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號