用js写鼠标经过文字显示图片

我想把文字排在左边，图片在右边类似

img


这种，我用css，div定义float怎么没有显示，😥😥
做完是这样

img

  • 这篇博客: 自学前端第十七天:CSS浮动float定位中的 2.那么深入具体什么是浮动？(浮动只有左右浮动) 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

  • (1)浮动概念:元素的浮动是指设置了浮动属性的元素会脱离标准标准流的控制，移动到其父盒子的最左和最右去。
    (2)浮动的本质目的：就是为了让多个块级元素像inline-block一样可以同一行上显示。 最核心的关键点就是 :怎么排列的， 是否占有位置

    (3)在CSS中，通过float属性来定义浮动，其基本语法格式如下：

    选择器 {
	float:属性值;
}
    属性值描述
    left元素向左浮动 （从左上角开始排）
    right元素向右浮动 （从右上角开始排）
    none元素不浮动（默认值）

我代码哪错了

img

img