画像要素があります。特定の div 内に収まるようにする必要があります (div 1 と呼びましょう)。画像には、画像に合わせる必要があるラッパー div があります (これを div 2 と呼びましょう)。
次の方法を使用してほとんど動作します。画像と div 2 を float: left; に設定します。または画像を表示するように設定する：ブロック、および表示するdiv 2：インラインブロック。
どちらもページが最初にロードされたときはうまく機能しますが、div 1 は実際にはブラウザーでサイズ変更される流動的な幅/高さの div であり、ブラウザーの高さを減らすと、div 2 の幅は調整されません (緑色で示されています)。国境）
サンプル ページは次のとおりです: http://sabrinagelbart.com/fit-img-and-outer-div-to-container.html (左:-50%、左:50% はセンタリング用です。バグ) http://sabrinagelbart.com/fit-img-and-outer-div-to-container-inline-block.html