1、相对定位,是当前元素相对父容器的定位,如果父容器不秽颢擤崮存在,那就是window对象,你可以理解成浏览器就和了。那么怎么定义呢?先第一步,给定两个DIV,一父一子,代码如下:<div class="father"><div class="son">son</div></div>此时没有任何效果。
2、我们给father类加上样式,代码如下:.father{margin-left: 300px;background: pink;width: 400px;height: 400px;border: 1px solid red;}
3、给son元素加上样式,这里要设置相对定位,就是相对father类的定位。.son {position多唉捋胝: relative;left: 40px;top: 50px;border: 1px solid white;width: 200px;}此时看到son元素并没有相对浏览器设置了距离,而是在father容器内。