適合圖像到outtermost div，適合包含圖像的div

Question

我有一個圖像元素，我需要它適合一個特定的div（讓我們稱之爲div 1）。圖像有一個需要適合圖像的包裝div（我們稱之爲div 2）。

它幾乎可以使用以下方法： 將圖像和div 2設置爲float：left; 或 將圖像設置爲顯示：block和div 2以顯示：inline-block。

這兩個工作都很好，當頁面第一次加載，但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

Answer 1

嘗試background-size：cover;和top：0; bottom：0; 或嘗試位置：固定;