参考的百度

<div style="position:relative;width:300px;height:300px;background:#000;">
<div style="position:absolute;top:20px;left:0px;width:200px;height:30px;background:#fff;">我是绝对定位</div>
<div style="position:absolute;bottom:10px;left:0px;width:300px;height:30px;background:#fff;">我是绝对定位2</div>
</div>

相对定位 -父元素

你需要在页面上给div  或者img 排版位置的时候  relative 和absolute一起使用效果最佳 ，