1新建一个html文件输入两个div标签，接着使用style属性，分别给div设置为绝对定位absolute和相对定位relative，让他们其中全部向左移动20px，向上移动30px的距离2然后保存文件打开浏览器看看效果，位置显示还是比较明显的。

接下来DIVCSS5为大家介绍position绝对定位方法布局以上小的案例一用到CSS样式和HTML标签及相应解释TOP1要用到CSS样式单词及解释position绝对定位样式实现DIV定位布局其设置值absolute和relative应用width宽度，设置对象。

意思就是那个盒子相对于原有的位置移动向下移动20px向右移动30pxpositionabsolute就是绝对定位，它相对于父元素进行定位，他不占原有位置 不明白的可以追问。

positionabsolute这个是绝对定位是相对于浏览器的定位比如positionabsoluteleft20pxtop80px这个容器始终位于距离浏览器左20px，距离浏览器上80px的这个位置positionrelative是相对定位，是相对于前面的容器定位。

ltp你的问题描述的有些不明白，上一对象的所留空间作为下一对象的原点定位，那么你的意思是用了positionrelative的层是第二层，第一层的所留空间作为第三层的原点定位涉及父子子三层div吗ltp ltpposition。

ltdiv positionrelative 不是最近的祖先定位元素，不是参照物 ltdiv没有设置为定位元素，不是参照物 ltdiv positionrelative 参照物 ltdiv box1 ltdiv box2 –positionabsolute top50px。

首先纠正一下，你这个是 css 不是 html portfolio labeltext 这里的意思是给类名选择器为 portfolio 的后代的所有 类名选择器为 labeltext 的标签设置样式里面的样式解析positionrelative 是相对定位的。