1、相对定位首先给div2使用 相对定位，用positionrelative来实现的，具体的代码如下 html head titleCSSdiv定位title style type=#34textcss#34 div1 height100px width100px borderstylesolid bord。

2、如图，可以看到红颜色的div里面包含有蓝颜色的div，在没有特殊定位下，它们位置如图所示接着我们把rtwo的position属性设置为relative相对定位，然后设置left和top的值，表示往右和往下偏移20px接着看看设置相对定位之后的。

3、如果A在B的上级目录下你要在B中点击跳转到A你就要这样写了lta href=quotAhtmlquot，此时2个点就定位到了B的上级目录，也就是和A同一个目录了，这就是相对定位具体代码看下图。

4、可以实现图中效果，代码如下lthtml lthead ltmeta。

5、2ltimg src=quot#quot width=quot100quot height=quot100quot style=quot marginleft10pxquot 在图片代码里面加上margin属性往右移就marginleft，往左移动就marginright3给图片加个class用相对定位做就可以了例ltstyle。

6、1将包含按钮的父级标签设置为相对定位 d2 width500pxheight300pxbackground#positionrelative*设置相对定位* 2将按钮设置为绝对定位，设置左边的距离，顶部的距离 btn2 background#99ff00。

7、left10px代表原来位置向右移动10px right10px代表原来位置向左移动10px bottom10px代表原来位置向上移动10px，补充说明一点原来位置是指不设置相对定位样式所该处在位置研究一下，就明白了。

8、绝对定位positionabsolute 相对于具有定位属性的负元素 移动相对定位positionrelative 相对于以前的位置移动，偏移前的位置保留不动，后面的元素继续显示在以前的文档流中固定定位 positionfiexd 相对于浏览器。

9、1要想让图片显示在右上角，只需要使用float属性即可达到目的打开Hbuilder编辑器，在html空白文档里输入基本的结构，这里设置一个外围的div盒子，给一个class命名为container，给外围的div加入css属性，设置好高度宽度和背景。

10、小菜一碟，毛毛雨在你的ltbody中的整个代码段外面再套一对ltdiv align=quotcenterquotltdiv标签，在ltbody中加入属性style=quotmargintop 0pxquot就像这样ltbody style=quotmargintop 0pxquot ltdiv align=quot。

11、js网页绝对定位相对定位，参考如下lthtml lthead ltmeta。

12、position relative 相对定位相对于其父级元素来定位生成相对定位的元素，相对于其正常位置进行定位因此，quotleft20quot 会向元素的 LEFT 位置添加 20 像素absolute 绝对定位 ，通过 top，left 样式来绝定元素位置。

13、如果父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，如果设置了父级的position属性为relative相对定位，那么默认依据父级的坐标原始点为原始点，即父级容器的左上角配合TOPRIGHTBOTTOM。

14、代码效果不过，在容器里使用了padding的话，会改变容器的大小，所以在写代码之前要先计算好容器的大小及padding2margin外边距代码效果3绝对定位positionabsolute top50px left20px让文字内容相对div。

15、首先解释relative相对定位，顾名思义，定位是相对的，那他是相对于什么呢参照物是什么 看如下代码2预览效果，现在是三个并列的div 3给中间的div增加定位属性positionrelative top10px left10px4预览。