图像浮动左侧有流体测量

时间:2011-12-22 21:55:57

标签: html css layout

我有像这样的内容块

<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),以便正确对齐它们。

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

enter image description here enter image description here

我怎样才能做到这一点?

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

1 个答案:

答案 0 :(得分:1)

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

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

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