HTML里面的相对定位的问题
大家看我写的这段代码还有最终的效果，我就不明白既然P1层包含那三个层，虽然是相对定位，那蓝色的PP1层也应该在P1层里面啊，怎么跑到外面去了，而且就算是跑到外面，我设置的是右和底距离10像素怎么成了左和高了？然后相对定位relative，他的对象可以根据前一个对象进行偏移，可是PP2的前一个对象不就是PP1吗？我怎么感觉是P1呢？
如图，position:relative 是在3个DIV原来各自位置的基础上进行移动的，也就是说和父元素没有直接的关系，仅仅相对于他们自身在文档中本该出现的位置进行移动。比如，设置了right：10px，就表示在原位置的基础上，向左移动10px，这时将超出父元素的外框。需要注意的是，relative是相对于自身，而不是相对于父元素。
另外，相对于父元素进行定位，是指在父元素设置为 relative ，子元素设置为 absolute 的情况下。如果父元素没设置为relative，而是默认的static，那么子元素的absolute就是相对于body进行定位，而不是父元素。
这种情况是十分严重的，如果等项目完成了才发现路径都是错的，那无疑要花费巨大的精力去改，以下是解决方法:
相对路径:
html页面中相对路径有两种：
第一种：/test/page1,这是相对于服务器根路径而言的，以之前的例子为例，使用结果就是直接从8080以后开始替换，如http://localhost:8080/test/page1。
第二种：test/page2，这是相对于当前路径而言的，比如当前路径为http://localhost:8080/test/page1，那么替换即可。
http://localhost:8080/test/test/page，在这种情况下也有对应的语法，/表示上级目录/表示当前目录，如test/page2就相当于。/test/page2，如果写成/test/page2,那么替换后的路径就是http://localhost:8080/test/page了。
电脑不能启动的原因
系统不承认硬盘
此类故障比较常见，即从硬盘无法启动，从A盘启动也无法进入C盘，使用CMOS中的自动监测功能也无法发现硬盘的存在。这种故障大都出现在连接 电缆 或IDE口端口上，硬盘本身的故障率很少，可通过重新插拔硬盘电缆或者改换IDE口及电缆等进行替换试验，可很快发现故障的所在。
如果新接上的硬盘不承认，还有一个常见的原因就是硬盘上的主从条线，如果硬盘接在IDE的主盘位置，则硬盘必须跳为主盘状，跳线错误一般无法检测到硬盘。
本回答被网友采纳您好，根据您给我的指示，我看了一下的确有点意思了，但是relative是根据前一个对象进行偏移的，可是这张图中中间的对象不是以第一个对象（也就是蓝色的层）进行偏移的这是怎么回事？当然我知道P1是父对象
追答看来你还还没看明白我的意思，这相对定位跟其他对象没关系，跟自身有关，假设pp1一开始样式中没有相对定位时，本应所处在位置（原位置），当pp1样式中给相对定位（列如position:relative;left:10px; top:10px;它就会按着pp1原本位置向右移动10px; 向下移动10px;）,补充说明一点所指相对定位是指相对自身原位置要偏移的，跟其他对象无关
追问您好，那为什么我的书上说是根据上一个对象进行定位的
追答你可以到w3school这个网站看一下
本回答被提问者和网友采纳