Html 无法更改较小屏幕上的图像位置

我有一个图像，当屏幕较小时，我想在屏幕右侧对齐，而在较大屏幕上，我想在左侧对齐-我有下面的代码，但不确定这为什么不能按预期工作：

body，html{
身高：100%；
}
@媒体屏幕和屏幕（最大宽度：855px）{
.left_徽标{float:right；}
}
.left_标志{
浮动：对；
位置：绝对位置；
最高：4%；
左：3%；
}

---

您不能使用

位置：绝对

和

浮动

-它可以是一个，也可以是另一个

当您想将图像定位在特定的

顶部

和

左侧

值时，您可以删除float并只使用position:absolute。要将其向右移动，可以将

right

设置为所需的任何值，并将

left

设置为

auto

以清除先前的3%值

.left_logo {
  left:auto; /* reset the value for left */ 
  right:3%;
}

还要注意，您还需要在更通用的CSS之后包含媒体查询，否则它将被它后面的CSS覆盖

工作片段基于您的小提琴-全屏查看以查看图像向左移动：

。左\u徽标{
位置：绝对位置；
最高：4%；
左：3%；
}
@媒体屏幕和屏幕（最大宽度：855px）{
.left_标志{
左：自动；/*重置左值*/
右：3%；
}
}

Hi-抱歉，如果帖子中不清楚，div中应该有图像，没有任何内容可以

float

关闭。你需要一个兄弟姐妹，让img在你身边。谢谢你毛茸茸的，感谢你的后续行动和补充提示。