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>

 

 

大小: 28.2 KB 查看图片附件