                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

相對定位后,理解偏移前的位置保持不動？

大家好,不知道我理解的是否正確？

<!- 理解偏移前的位置保持不動。

? ?(1)正常的文檔流中的層是從上至下從左到右自然排序，表現(xiàn)在某層的位置移動后，伴隨著相鄰層的移動.

? ?(2)相對定位某層后,相鄰的層位置沒有隨著相對定位層而移動.任停留在原來的領地。

->

FRANKShareCode

2014-12-14

源自：初識HTML(5)+CSS(3)-升級版 13-7

關注問題我要回答

2106

操作

收起

2 回答

Angel愛美麗
2014-12-21

相對定位后，只是元素本身位置偏移了，但原來位置空間還保留，后續(xù)元素也是相對于它原來的位置空間接著顯示的。你可以用代碼嘗試下。不過這種用法很少見。一般給元素添加relative定位，只是給后代元素或者子元素做絕對定位提供一個參照物而已。

1 回復有任何疑惑可以回復我~

收起回答

#1

FRANKShareCode 提問者

好滴，謝謝啦：）

2014-12-27 回復有任何疑惑可以回復我~

#2

FRANKShareCode 提問者

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>relative樣式</title> <style type="text/css"> #div1{ width:200px; height:200px; border:2px red solid; position:relative; left:100px; top:10px; } #div2{ width:200px; he

2014-12-27 回復有任何疑惑可以回復我~

#3

FRANKShareCode 提問者

按照您的提議，我做了個測試，理解了：）后續(xù)元素也是相對于它原來的位置空間接著顯示的，并沒有隨著文檔流移動.

2014-12-27 回復有任何疑惑可以回復我~