Html 浮动右框的最大宽度

与这里的问题类似：

我正在尝试一种/样式的布局，但问题是，如果用户将浏览器的大小调整得更小，我想让这种布局更具响应性

为此，我需要在布局中将框放在框的上方，这样当宽度低于某个像素宽度时，我会从中移除“右浮动”，它应该很好地插在pic框的上方

下面是一张JS全尺寸布局图：

有没有一种方法可以让“Fred”框填充宽度，这样它就可以在不使用精确像素宽度的情况下与红色框对齐

---

谢谢

如果图片div位于info div之前，您可以将其向左浮动

，
，并根据视口宽度将其移除（使用）

正如政府所说：

当你想让某样东西浮起来的时候，它没有多大意义
展开以填充父对象

对的如果我能选择那种布局，那就太完美了。然而，当布局崩溃时，我需要图片上方的名称，因此“Fred”需要保持在图片上方。我猜没有简单的方法可以真正完成我需要做的事情。对于后来读到这篇文章的人，我放弃了，使用精确的像素宽度定位元素，并使用媒体查询获得更窄的宽度，然后我删除了定位，仅使其出现在显示图片上方。