”偏移前的位置保留不動(dòng)”怎么理解？
最后一段中：雖然div元素相對(duì)于以前的位置產(chǎn)生了偏移，但是div元素以前的位置還是保留著，所以后面的span元素是顯示在了div元素以前位置的后面。這句話是什么意思？
13 回答
首頁(yè)上一頁(yè)12下一頁(yè)尾頁(yè)
舉報(bào)
0/150
提交
取消
最后一段中：雖然div元素相對(duì)于以前的位置產(chǎn)生了偏移，但是div元素以前的位置還是保留著，所以后面的span元素是顯示在了div元素以前位置的后面。這句話是什么意思？
舉報(bào)
2016-09-22
就是元素在偏移前所占的位置（我理解為像素）依舊保存，只是這個(gè)元素對(duì)象偏移到了新的位置上。并且，偏移前的位置上其他元素也無法占用(打個(gè)比方，我原先在A位置排隊(duì)，現(xiàn)在插隊(duì)到了位置B,雖然我現(xiàn)在不使用A位置，但這個(gè)位置其他人也不能用，一樣處于被占用狀態(tài))。上幾張圖，注意#div1標(biāo)記中內(nèi)容的區(qū)別和結(jié)果顯示位置：
2016-10-13
簡(jiǎn)單來說，就是框框動(dòng)了，內(nèi)容沒動(dòng)
2016-09-27
<!--relative移動(dòng)后，偏移前的位置保持不變，后面的其他元素和別的不相干盒子不會(huì)受影響 ?不會(huì)打亂整個(gè)布局-->
<!--absolute偏移后，偏移錢的位置發(fā)生改變，后面的其他元素和別的不相干的盒子會(huì)受到影響 ，容易打亂后面的整個(gè)布局 -->
2016-09-22
這就是占位的概念，無論它自己移到什么位置，它都會(huì)同時(shí)占據(jù)著原來的位置。
簡(jiǎn)單來打個(gè)比喻，比如看電影，你買電影票，然后去上廁所了，雖然你人在廁所里，但那個(gè)座位你還占著，那個(gè)位置一直留給你，別人不能用；就算你買了票不去看，座位也會(huì)留空，別人不能用。
2016-09-22
偏移前的位置屬性仍然保留，那行文字相對(duì)于哦按以前的位置是固定的，即使偏移后也無法覆蓋那行文字
2016-09-22
2016-09-22
左邊：
第一張是沒有偏移的圖片
第二張是偏移之后的圖片
第三張是解釋偏移的圖片
左邊：<span>里的文字“偏移前的位置”沒有任何移動(dòng)。
說明了紅色的正方形(div)只是看起來移動(dòng)了.
????????????實(shí)際上他的位子還是 ? ? ? ? ? ? ?在第一張圖的位子。
?????????????這就是偏移前的位子保留不動(dòng)。(相對(duì)定位)
????????反過來：絕對(duì)定位就是實(shí)際位子發(fā)生了改變。
2016-09-22
比如一開始? div的位置 在? 100px? 100px的位置，有個(gè)span使用相對(duì)布局依賴它的位置（比如span 在它下面位置為 100px 110px)
之后它發(fā)生了偏移，移動(dòng)到120px，120px的位置 但是 span還是依賴它之前的位置，仍然是 （100px 110px)
2016-09-22
我的理解:偏移前位置保留不動(dòng)，可以想成之前位置的圖形成為一個(gè)隱形的圖形，看不見了，#div1{position：relative}，加了相對(duì)定位，<div id="div1"></div><span>偏移前的位置還保留不動(dòng)，覆蓋不了前面的div沒有偏移前的位置</span>，后面的<span></span>的內(nèi)容還是以隱形的圖形（也就是之前位置的圖形）為基準(zhǔn)的，在div里面才會(huì)以移動(dòng)后的圖形為準(zhǔn)。
2016-09-22
打個(gè)比方，原來的布局就好像隱藏了，只是看不到，但是還在那里，就好像隱身人藏到一個(gè)只能裝一個(gè)人的柜子里，再想藏人就藏不了，但是你看不見