2

ここの質問に似ています:

CSS - 最大幅にフロート

<pic> / <info> スタイルのレイアウトを試みていますが、ひねりを加えたのは、ユーザーがブラウザーのサイズを小さく変更した場合に、このレイアウトをレスポンシブにしたいということです。

このために、レイアウトの <pic> ボックスの上に <info> ボックスを配置する必要があります。これにより、幅が特定のピクセル幅を下回ったときに、<info> から「フロート ライト」を削除すると、上にうまく収まるようになります。ピックボックス。

フルサイズのレイアウトの JS フィドルは次のとおりです。

http://jsfiddle.net/FNwcA/

正確なピクセル幅を使用せずに赤いボックスに突き当たるように、「フレッド」ボックスの幅を埋める方法はありますか?

ありがとう!

4

1 に答える 1

2

画像 div が情報 div の前にある場合は、left代わりにそれを浮かせて、ビューポートの幅に応じて削除することができます (メディア クエリを使用)。デモ

リンクされた質問に対する受け入れられた回答が言うように:

親を埋めるために何かを展開したいときに、何かをフロートさせることはあまり意味がありません

于 2012-08-30T03:05:28.093 に答える