定位后，下面的元素（跑上来）占了上面元素的位置怎么办？

<div class="box">
    <div class="img"></div>
    <div class="title">标题文字</div>
</div>
//样式
.box{position: relative;}
.img{width: 100%;    height: 120PX;    position: absolute;    top: 0;    left: 0;}
.title{font-size: 16PX;}

如上所示，因为img脱离文档流title会占据img的位置，只需要给title添加一个上内边距高设置为img的高度，title就会回到自己原来的位置，如果img的高是动态的，这个padding也是得动态的，需要用js去获取高度，再添加。

.title{padding-top:120PX;}