html给图片绝对定位,html相对定位和绝对定位

相对定位：该元素相对于本身原有位置，偏移必定距离。相对的是本身。css

绝对定位：该元素相对于其父元素，偏移必定距离。相对的是父元素，重点是这个父元素也须要是设置了position属性。从最近的父元素开始找，直到找到body位置为止。3d

1)相对定位code

相对定位：相对于本身原来的位置，偏移一些距离

相对定位,相对的是本身

对应的css样式：blog

#test{

height: 300px;

width: 300px;

background: gray;

}

/*p标签自己会有padding和margin值*/

p{

margin: 0px;

padding: 0px;

}

.p1{

height: 100px;

width: 100px;

background: blue;

}

.p2{

height: 80px;

width: 80px;

background: red;

}

运行后效果是：(这时没有设置position属性呢)图片