2011-12-22 8 views
1

が残っ浮かべ、私はこの画像は、流体計測

<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)を使用して正しく整列させました。

私の問題は、可変幅の画像がたくさんあることです。新しい画像があるたびに余白を変更することはできません。

enter image description here enter image description here

どのように私はこれを達成することができます:私は、他の要素(h4div)はdinamically残りの幅に適応できるようにしたいですか?

私は本当に立ち往生しています。

答えて

1

は自分でCSSの解決策を見つけた:

を単に画像にmargin-rightを追加します。

IEでもうまく機能します!

関連する問題