-1

画像が取り込まれ、次に投稿されます。投稿を画像の横に浮かせて、右側のスペースを埋めるようにしたいと思います。画像のフロート/左、投稿のフロート/左または右、display:inline-block のさまざまな組み合わせを試しました (また、h3 を引っ張っていじくり回しましたが、問題はありませんでした)。

投稿の div の幅に関係しているように感じます。最初の投稿のテキストが非常に少ない場合、(読み込まれた) サムネイルの垂直バージョンまで浮き上がるからです。テキストのチャンク、忘れてください。

それで、私は何が欠けていますか。:)ダンケ。

4

1 に答える 1

1

あなたは正しいです、それはあなたのhomeFloatdivの幅と関係があります。

ブロックレベルの要素は、デフォルトでコンテナと同じ幅になります。これにより、浮かせたときに他のコンテナの下に押し込まれます。それらを他のアイテムの横にフロートさせるには、width(またはmax-width) を指定する必要があります。これにより、homeFloat + image + パディングがコンテナーの幅以下になります。

編集:また、すべてが要素で適切にラップされていることを確認してください。<p>タグは、探しているようにフローティング画像をラップするので、HTML を少し手直しするだけで実行できるはずです。

于 2012-12-03T18:00:14.267 に答える