                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

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

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

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

(1)正常的文档流中的层是从上至下从左到右自然排序，表现在某层的位置移动后，伴随着相邻层的移动.

(2)相对定位某层后,相邻的层位置没有随着相对定位层而移动.任停留在原来的领地。

FRANKShareCode

2014-12-14

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

关注问题我要回答

2039

操作

收起

3 回答

Angel爱美丽
2014-12-21

相对定位后，只是元素本身位置偏移了，但原来位置空间还保留，后续元素也是相对于它原来的位置空间接着显示的。你可以用代码尝试下。不过这种用法很少见。一般给元素添加relative定位，只是给后代元素或者子元素做绝对定位提供一个参照物而已。

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

收起回答

FRANKShareCode 提问者

好滴，谢谢啦：）

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

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 回复有任何疑惑可以回复我~

FRANKShareCode 提问者

按照您的提议，我做了个测试，理解了：）后续元素也是相对于它原来的位置空间接着显示的，并没有随着文档流移动.

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