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

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

絕對定位和相對定位的區(qū)別

我是這樣理解的,絕對定位就是div移開了,然后被后面的子元素代替了或者說被另外一個div代替了,

而相對定位就是div位置移動了,但是原來的位置不會被別的子元素或者div代替是預(yù)留給自己的。(我這樣理解對嗎?新人求解)

正在回答

7 回答

絕對定位不是相對于瀏覽器窗口進行偏移嗎(開始懷疑自己所學(xué)知識)

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

幕布斯5013342 提問者

兩個都是的要自己設(shè)置,但絕對定位就是div移開之后然后原來的位置會被其他東西代替,相對定位不會。(我是認(rèn)為的)
2020-02-29 回復(fù) 有任何疑惑可以回復(fù)我~

把這道題答案中的position:relative; 改成position:absolute;? 你大概就能發(fā)現(xiàn)其中的微妙區(qū)別了。

在absolute 模型中對<div>位置更改會對其他標(biāo)簽的位置產(chǎn)生影響,但是relative模型相當(dāng)于在原有的頁面上,加了一個濾鏡層(top layer);

然后在以之前的坐標(biāo)為起始點,無論怎樣移動,這個層面都只有自己一個標(biāo)簽,自然也就不會影響其他原始層頁面上的相鄰標(biāo)簽了。

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

絕對定位:脫離文檔流,相對于離他最近的具有定位屬性的父元素偏移

相對定位:不脫離文檔流,相對于它本身原來的位置進行偏移

固定定位:脫離文檔流,相對于瀏覽器窗口進行偏移

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

絕對定位,就近原則,即:最近的一個父元素使用了position除static值以外的定位,如果沒有找到則參照body。我這么理解的。

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

<!DOCTYPE html>

<html>


<head>

? ? <meta charset="UTF-8">

? ? <title>relative樣式</title>

? ? <style type="text/css">

? ? #div1 {

? ? ? ? width: 200px;

? ? ? ? height: 200px;

? ? ? ? border: 2px red solid;

? ? ? ? position:relative;

? ? ? ? left:100px;

? ? ? ? top:50px;

? ? }

? ? </style>

</head>


<body>

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

</body>


</html>


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

相對定位就是相對于自己本身而改變的位置,只隨自己上一次的位置發(fā)生改變。

絕對定位是相對于最近的已定位的父元素發(fā)生位置改變,如果沒有已定位的,那么就會相對于body,絕對定位也會脫離文本流

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

絕對位置是相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位。如果不存在這樣的包含塊,則相對于body元素,即相對于瀏覽器窗口。對上一節(jié)中的<div>標(biāo)簽來講,他沒有父級元素,所以是相對于<body>標(biāo)簽,即瀏覽器窗口進行丁文。

相對元素則是相對與該元素先前的位置去定位

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

舉報

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

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

進入課程

絕對定位和相對定位的區(qū)別

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

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

幫助反饋 APP下載

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

公眾號

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