Html div内部图像缩放失败-背景不符合要求

我目前正在尝试将一个图像放入div容器中，但它不起作用。我的页面上有一个复杂的div树，如下所示：

<div id="a">
    <div id="b">
        <div id="c">
            <div id="d">
                <img src="http://public.media.smithsonianmag.com/legacy_blog/npg_portraits_nicholson_jack_2002.jpg" />
            </div>
        </div>
    </div>
</div>

我想把图像放进蓝色的容器里。它还应该注意给定的div容器。目前，黑色的直到容器的末端加上填充物才填充

---

我希望有人能帮忙。

这里有一个新概念给你。框大小：边框框自动将填充合并到宽度和高度百分比中。图像不再需要位置：绝对

所有内部div的宽度和高度由容器上的宽度及其填充控制

新演示 * { 保证金：0； 填充：0； 框大小：边框框； } a{ 背景色：红色； 位置：相对位置； 文本对齐：居中； 宽度：400px； 填充：20px； } b{ 背景：蓝色； 填充：20px； } c{ 背景色：黑色； 填充：20px； } d{ 背景颜色：黄色； 填充：20px； } img{ 宽度：100%； 显示：块；/*删除内联间隙*/ }

---

在这里，试着给d一个高度

#d > img {
width: 100%;
height: 100%;
text-align:center;
}

---

您好：？@misterManSam发布您的answer@misterManSam字体给c 100%的高度不是我想要的！但这正是我所不能做到的，100%的高度并不是我想要的。我希望容器的高度与安装的图像加上衬垫一样。我已经把整个东西拆掉，从头开始重建。填充物现在被合并到宽度和高度中。你觉得呢？要准确地说出你想要达到的目标有点困难！

#d > img {
width: 100%;
height: 100%;
text-align:center;
}