这是我的代码。
<html>
<head>
<style>.xy{float:right}</style>
</head>
<body>
<img class="xy" src="https://upload.wikimedia.org/wikipedia/commons/1/1d/Martinique_Beach_%28Salines%29.jpg" width="250" height="233">
<ul>
<li><h1>abcd eghij </h1></li>
<li><h1>klmn opqr stuw</h1></li>
<li><h1>wxyza bcdef hij klmno </h1></li>
</ul><br><br><br><br>
</body>
</html>
将您的浏览器尽可能地扩大，然后开始缩小您的浏览器，您会看到文本很容易从图像的左侧流下。当你进一步缩小你的浏览器时，最终所有的文本都会跳到图像的下方，在图像的左边留下一个相当宽的空白区域，也就是文本所在的位置。一旦所有的文本都跳下来了，我需要图像向左移动到文本的正上方。一旦所有文本都位于没有媒体查询的图像下方，您如何使图像向左移动？
不知道为什么我以前从来没有看到这个问题得到解决
非常感谢，
克里斯
最佳答案
你可以像这样在图像上放置float:
<img class="xy" src="https://upload.wikimedia.org/wikipedia/commons/1/1d/Martinique_Beach_%28Salines%29.jpg" width="250" height="233" style="float:left;">
关于html - 如何将图像向左移动到图像左侧文本的上方，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38517528/