ここの質問に似ています:
<pic> / <info> スタイルのレイアウトを試みていますが、ひねりを加えたのは、ユーザーがブラウザーのサイズを小さく変更した場合に、このレイアウトをレスポンシブにしたいということです。
このために、レイアウトの <pic> ボックスの上に <info> ボックスを配置する必要があります。これにより、幅が特定のピクセル幅を下回ったときに、<info> から「フロート ライト」を削除すると、上にうまく収まるようになります。ピックボックス。
フルサイズのレイアウトの JS フィドルは次のとおりです。
正確なピクセル幅を使用せずに赤いボックスに突き当たるように、「フレッド」ボックスの幅を埋める方法はありますか?
ありがとう!