html - 右浮动框的宽度到最大宽度

Question

类似于这里的问题:

CSS - Float to max width

我正在尝试 / 样式布局 - 但问题是，如果用户将浏览器大小调整得较小，我希望使此布局具有响应能力。

为此，我需要将 框放在布局中的 框上方，以便当宽度低于某个像素宽度时，我从 中删除“向右浮动”，并且它应该插入在图片框的正上方。

这是全尺寸布局的 JS fiddle :

http://jsfiddle.net/FNwcA/

有没有办法让“Fred”框填充宽度，以便它紧靠红色框而不使用精确的像素宽度？

谢谢!

Answer 1

如果图片 div 位于信息 div 之前，您可以将其向左浮动，并根据视口(viewport)宽度将其删除(使用 media queries )。 DEMO .

作为accepted answer to the linked question说:

It doesn't make much sense to float something when you want it to expand to fill the parent