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

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

絕對定位和相對定位

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

#div1{

? ? width:200px;

? ? height:200px;

border:2px red solid;

position:absolute;

}


</style>

</head>

<body>

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

<span>偏移前的位置還保留不動,覆蓋不了前面的div沒有偏移前的位置</span>

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

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

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

不太理解

正在回答

6 回答

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

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


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

Levier007 提問者

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

Annari

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

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

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

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

Levier007 提問者

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

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

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

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

你的代碼只給了絕對定位,沒給偏移多少啊

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

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

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

Levier007 提問者

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

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

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

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

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

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

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

absolute是絕對定位,relative才是相對定位

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

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學(xué)習(xí)       1228482    人
  • 解答問題       18930    個

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

進入課程

絕對定位和相對定位

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

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

幫助反饋 APP下載

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

公眾號

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