html浮动对图片无效？

html浮动问题：

我有两个div，一个用来放文字，一个用来放图片，我想让文字浮动在图片上，然后给文字div加上了一个左浮动，但是图片始终没有飘过去，我看了一下装图片的那个div确实是飘过去了，但是图片就是一直卡在那里

用代码块功能插入代码，请勿粘贴截图

html代码：
{

1324646

    src="static/img/ghostbusters-1515155_1920.jpg" alt="" width="300px">
}

CSS代码：
{
*{
margin: 0;
padding: 0;
}
.num{
width: 200px;
height: 300px;
background-color: rgba(250, 235, 215,0.9);
float: left;
}
.img{
background-color: aqua;

    }
    .img img{
        display: inline-block;
    }

}

运行结果及报错内容

img

直接用z-index重叠顺序，再设置最上面的背景属性，这样代码最简单明了

你可以直接给文字设置背景图片background:url('static/img/ghostbusters-1515155_1920.jpg') 图片就是你上面那个 这样写比较简单方便 这样文字就可以直接在图片上面