Css 响应div-文本包装div。最小化时是否可以堆叠？

我已经设置了一个全局元素，以便将图像向右对齐：

.containerright {
    float: right; margin: 5px 5px 5px 10px; position:relative;
}

它可以完美地工作，直到屏幕最小化到移动肖像大小。然后，文本换行符会留下一些单词

例如：

<div class="containerright"><img src="/images/imageexample.jpg" width="223" height="160" hspace="0" vspace="5" alt="imageexample" border="0"></div>

<h2>Here is an example of heading text!</h2>

下面是标题文本的示例！

当最小化时，“这是一个例子…”与图像的左上角和句子的其余部分对齐“…标题文本！”位于图像下方，因此图像右侧有一个巨大的缺口

如何设置该类，以便在查看“@media（最大宽度：320px）”时，它可以堆叠，例如display:block

---

谢谢你的帮助

只需删除媒体查询CSS中的浮动。：）

。。调整屏幕大小，以查看在<320px的移动设备上的外观

或者，您可以在媒体查询中覆盖它

@media (max-width: 320px) {
.containerright {
    float:none;
}
}

---

哇，太快了！谢谢，我现在就试试。：）@用户2744820让我知道它是否有效。。如果你还有任何问题，请告诉我：）呜呜呜！这起作用了。谢谢@媒体屏幕和（最大宽度：320px）{.containerright{float:none；}}@media screen和（最大宽度：320px）{.containerright{float:none；}}但显然仅在屏幕上。我在最小化浏览器时仍然存在问题，但这不是问题。添加一些解释。

@media (max-width: 320px) {
.containerright {
    float:none;
}
}

@media (max-width: 320px) {
  .containerright {
    width: 100%;
  }
}