适合图像到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; 或尝试位置：固定;