HTML里面的相对定位的问题

如图，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的主盘位置，则汪肢袭硬盘必须跳为主盘状，跳线错误一般无法检测到硬盘。

说明你对相对定位还不不是很了解，针对相对定位来说明， top：10px;代表原来位置向下移动橡旅10px; left:10px;代表原来位置向右移动10px; right:10px;代表原来位置向左移动10px; bottom:10px;代表袭掘原来位置向上移动10px;，补充说明一点原来位置是指不梁禅凳设置相对定位样式所该处在位置。研究一下，就明白了

p1是pp1的父级元素