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

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

絕對(duì)定位和相對(duì)定位

12-7的例子,當(dāng)我設(shè)置成這樣時(shí)

#div1{

? ? width:200px;

? ? height:200px;

border:2px red solid;

position:absolute;

}


</style>

</head>

<body>

<div id="div1"></div>

<span>偏移前的位置還保留不動(dòng),覆蓋不了前面的div沒(méi)有偏移前的位置</span>

為什么顯示的是這個(gè)樣子?http://img1.sycdn.imooc.com//590b1fb700015acf04070337.jpg

而設(shè)置成相對(duì)定位時(shí) 怎么會(huì)變成這個(gè)樣子 ?

http://img1.sycdn.imooc.com//590b2f1800016d0003930263.jpg

不太理解

正在回答

6 回答

小伙子,你還沒(méi)理解absolute和relative的意思,可以給你看看我的筆記:望采納

http://img1.sycdn.imooc.com//590b2d410001826906450174.jpg


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

Levier007 提問(wèn)者

嗯嗯 問(wèn)題其實(shí)我沒(méi)描述清楚 但現(xiàn)在懂了 還是謝謝你的幫助 感謝
2017-05-04 回復(fù) 有任何疑惑可以回復(fù)我~
#2

Annari

果然還是要看看大家的評(píng)論才懂
2017-10-15 回復(fù) 有任何疑惑可以回復(fù)我~

http://img1.sycdn.imooc.com//590b2bda0001352d09560533.jpg

親,你參數(shù)沒(méi)設(shè)置。

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

Levier007 提問(wèn)者

嗯嗯 問(wèn)題其實(shí)我沒(méi)描述清楚 但現(xiàn)在懂了 還是謝謝你的幫助 感謝
2017-05-04 回復(fù) 有任何疑惑可以回復(fù)我~

http://img1.sycdn.imooc.com//590b2aab0001858a09410553.jpg

你的position設(shè)置成了absolute,應(yīng)該改成relative,并且下面應(yīng)該設(shè)置相對(duì)于上面和左邊的相對(duì)位置參數(shù)。

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

你的代碼只給了絕對(duì)定位,沒(méi)給偏移多少啊

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

設(shè)置成absolute時(shí),相當(dāng)于div塊是浮于整個(gè)頁(yè)面之上,就象word中的圖像浮于文字之上是一樣的效果,設(shè)置了top、left等值,就浮于設(shè)定的位置處,不給top、left值,就相當(dāng)于浮于原點(diǎn)處,就是你給出的這個(gè)樣子。

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

Levier007 提問(wèn)者

問(wèn)題我還沒(méi)描述清楚 不好意思 我設(shè)置成相對(duì)定位時(shí) 那一段文字就在紅色方框的下邊了 而絕對(duì)定位時(shí)文字和方框重合了 是這里有點(diǎn)不理解
2017-05-04 回復(fù) 有任何疑惑可以回復(fù)我~
#2

qq_爾瑞海_0 回復(fù) Levier007 提問(wèn)者

設(shè)置成相對(duì)位置時(shí),各個(gè)元素順序排列,就相當(dāng)于word文檔中設(shè)置圖片時(shí)是插入文字中,只是設(shè)定了偏移值是相對(duì)于原來(lái)位置來(lái)移動(dòng),html默認(rèn)就是相對(duì)位置,設(shè)置成絕對(duì)位置,就將這一個(gè)塊單拉出來(lái),浮動(dòng)于整個(gè)文檔之上,設(shè)定的偏移值是相對(duì)于瀏覽器,不給值就是本塊相對(duì)于瀏覽器不偏移,這就相當(dāng)于word文檔中設(shè)置圖片格式是浮于文字上方的效果。這樣解釋清楚否?你可以設(shè)置試試。
2017-05-04 回復(fù) 有任何疑惑可以回復(fù)我~
#3

Levier007 提問(wèn)者 回復(fù) qq_爾瑞海_0

簡(jiǎn)單來(lái)說(shuō)就是 絕對(duì)定位方框是浮于文字之上的 并不占用文檔空間 所以文字會(huì)直接在第一行顯示 但當(dāng)設(shè)置成相對(duì)定位時(shí) 方框是占用了空間的 此時(shí)的文字就只能另起一行這種 就顯示在方框的下邊了 對(duì)嗎這么理解?
2017-05-04 回復(fù) 有任何疑惑可以回復(fù)我~
#4

qq_爾瑞海_0 回復(fù) Levier007 提問(wèn)者

是的,只是相對(duì)定位先占空間,然后相對(duì)于原位置也是可以浮動(dòng)移動(dòng)的。
2017-05-04 回復(fù) 有任何疑惑可以回復(fù)我~
查看1條回復(fù)

absolute是絕對(duì)定位,relative才是相對(duì)定位

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

舉報(bào)

0/150
提交
取消
初識(shí)HTML(5)+CSS(3)-升級(jí)版
  • 參與學(xué)習(xí)       1229174    人
  • 解答問(wèn)題       19084    個(gè)

HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義

進(jìn)入課程

絕對(duì)定位和相對(duì)定位

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

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

幫助反饋 APP下載

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

公眾號(hào)

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