<html>
<head>
<style type="text/css">
.pos0
{
position:relative;/*relative的话,字显示为横排,改成absolute,字显示为竖排*/
left:100px;
top:100px;
}
.pos1
{
position:absolute;
left:100px;
top:100px
}
</style>
</head>
<body>
<div class="pos0"><div class="pos1">绝对定位</div></div>
</body>
</html>
我先给你解释一下两个的区别吧。
相对定位是相对于自己本身位置进行偏移不脱离文档流(与正常文档之间存在关系)。
绝对定位从正常文档流脱出,使用left,right,top,bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位。
解释可能有点模糊,如果想使用绝对定位一个元素,你可以使父盒子(有固定宽高)使用相对定位,那么子元素的移动范围会在父盒子的范围内移动。
我的解释只是为了使你更了解相对定位与绝对定位,是否能解决你的问题,你看着办吧