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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

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

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

正在回答

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è)置顯示情況都沒有問題。


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

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;

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

鳴人與路飛 提問者

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

舉報(bào)

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

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

進(jìn)入課程

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

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

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

幫助反饋 APP下載

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

公眾號(hào)

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