html - 图像向左浮动，带有流体测量

Question

我有这样的内容 block

<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 中也能正常工作!