position:relative 文字或者图片重合

最新推荐文章于 2021-11-25 15:58:45 发布

胖鹅68

最新推荐文章于 2021-11-25 15:58:45 发布

阅读量1.1k

点赞数

分类专栏： css 、 css3、sass、less

本文链接：https://blog.csdn.net/hbiao68/article/details/52683196

版权

css 、 css3、sass、less 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

学习使用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>