图像浮动左侧有流体测量

Question

我有像这样的内容块

<div>
    <img src="/path/to/image.jpg">
    <h4>Title</h4>
    <div>
        <p>Paragraph</p>
        <p>Paragraph</p>
        <p>Paragraph</p>
    </div>
</div>

Please check jsFiddle for a complete example with CSS

这些元素中没有一个应具有固定的宽度或高度。正如你在jsFiddle中看到的那样，我在图像上使用了float:left（130px），在其他元素上使用了margin-left（140px），以便正确对齐它们。

我的问题是我有很多可变宽度的图像。我每次有新图像时都无法更改边距。我希望其他元素（h4和div）能够以适当的方式适应剩余的宽度：

我怎样才能做到这一点？

请帮助，我真的被卡住了。

Answer 1

我自己找到了一个CSS解决方案：

只需在图片中添加margin-right即可。

即使在IE中也能正常使用！