position:relative 文字 或者 图片 重合

 

学习使用position:relative样式，让文字悬浮在图片上方。

 

<div>
        <div style="border: 1px solid blue;float: left;position: relative;top:0px;left: 0px">dsaf</div>
        <div style="border: 1px solid red;float: left">dasfdsafdsaf</div>
        <div style="clear: both"></div>
</div>
<br>
<br>
<br>

<div>
    <img src="aaaaaaaa.jpg">
    <span style="position: relative;bottom: 0px;right: 75px;color: red">dsafdsaf</span>
</div>