2

类似于这里的问题：

CSS - 浮动到最大宽度

我正在尝试 <pic> / <info> 样式的布局 - 但扭曲的是，如果用户将浏览器的大小调整得更小，我想让这个布局响应。

为此，我需要将 <info> 框放在布局中的 <pic> 框上方，这样当宽度低于某个像素宽度时，我会从 <info> 中删除“浮动右侧”，它应该正好插在上面图片框。

这是全尺寸布局的 JS 小提琴：

http://jsfiddle.net/FNwcA/

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

谢谢！

4

1 回答 1

2

如果图片 div 在 info div 之前，您可以将其浮动left，并根据视口宽度（使用媒体查询）将其删除。演示。

正如对链接问题的公认答案所说：

当您希望它扩展以填充父对象时，浮动某些东西没有多大意义

于 2012-08-30T03:05:28.093 回答