絕對(duì)定位和相對(duì)定位的區(qū)別
我是這樣理解的，絕對(duì)定位就是div移開(kāi)了，然后被后面的子元素代替了或者說(shuō)被另外一個(gè)div代替了，
而相對(duì)定位就是div位置移動(dòng)了，但是原來(lái)的位置不會(huì)被別的子元素或者div代替是預(yù)留給自己的。（我這樣理解對(duì)嗎？新人求解）
幕布斯5013342
2020-02-26
7 回答
舉報(bào)
0/150
提交
取消
2020-02-26
絕對(duì)定位不是相對(duì)于瀏覽器窗口進(jìn)行偏移嗎（開(kāi)始懷疑自己所學(xué)知識(shí)）
2020-09-23
把這道題答案中的position：relative； 改成position：absolute；? 你大概就能發(fā)現(xiàn)其中的微妙區(qū)別了。
在absolute 模型中對(duì)<div>位置更改會(huì)對(duì)其他標(biāo)簽的位置產(chǎn)生影響，但是relative模型相當(dāng)于在原有的頁(yè)面上，加了一個(gè)濾鏡層（top layer）;
然后在以之前的坐標(biāo)為起始點(diǎn)，無(wú)論怎樣移動(dòng)，這個(gè)層面都只有自己一個(gè)標(biāo)簽，自然也就不會(huì)影響其他原始層頁(yè)面上的相鄰標(biāo)簽了。
2020-09-06
絕對(duì)定位：脫離文檔流，相對(duì)于離他最近的具有定位屬性的父元素偏移
相對(duì)定位：不脫離文檔流，相對(duì)于它本身原來(lái)的位置進(jìn)行偏移
固定定位：脫離文檔流，相對(duì)于瀏覽器窗口進(jìn)行偏移
2020-07-06
絕對(duì)定位，就近原則，即：最近的一個(gè)父元素使用了position除static值以外的定位，如果沒(méi)有找到則參照body。我這么理解的。
2020-05-07
<!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>
2020-03-24
相對(duì)定位就是相對(duì)于自己本身而改變的位置，只隨自己上一次的位置發(fā)生改變。
絕對(duì)定位是相對(duì)于最近的已定位的父元素發(fā)生位置改變，如果沒(méi)有已定位的，那么就會(huì)相對(duì)于body，絕對(duì)定位也會(huì)脫離文本流
2020-03-12
絕對(duì)位置是相對(duì)于其最接近的一個(gè)具有定位屬性的父包含塊進(jìn)行絕對(duì)定位。如果不存在這樣的包含塊，則相對(duì)于body元素，即相對(duì)于瀏覽器窗口。對(duì)上一節(jié)中的<div>標(biāo)簽來(lái)講，他沒(méi)有父級(jí)元素，所以是相對(duì)于<body>標(biāo)簽，即瀏覽器窗口進(jìn)行丁文。
相對(duì)元素則是相對(duì)與該元素先前的位置去定位