使图像适合outtermost div，将包含图像的div设置为图像

Question

我有一个图像元素，我需要它适合特定的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％用于居中，对bug没有影响） http://sabrinagelbart.com/fit-img-and-outer-div-to-container-inline-block.html

Answer 1

尝试背景大小：封面;和顶部：0;，底部：0; 或尝试位置：固定;