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