0

画像コンテナにスタイル「float: left」を設定したい。しかし、このフローティングは正しくありません。

例: http://prntscr.com/1mkdsr

私のhtmlコード:

<div class="image" style="float: left; width: 270px;">
    <img src="...." />
    <div class="image-title">Image description</div>
</div>

Text......

そして、テキストを別のコンテナに設定してみます:

<div class="image" style="float: left; width: 270px;">
    <img src="...." />
    <div class="image-title">Image description</div>
</div>

<div class="text">Text......</div>

しかし、機能していません。このフローティングを正しく設定するには？感謝。

4

1 に答える 1

0

あなたが持っているコードは、まさにそれがすべきことをしていると思います。フローティングを最初の DIV に設定すると、これ以降のすべてのテキストが画像を「走り回る」ことを意味します。つまり、テキストは画像の右側に表示され、スクリーンショットが示すとおりになります。正しく理解し、画像の下にテキストを続けたい場合は、フローティングをクリアして、通常のページ フローを続行する必要があります。

<div class="text" style="clear:both">Text......</div>

これで問題が解決するはずです

于 2014-03-06T10:51:15.053 に答える