如何将父 Div 与子 Div 重叠

我的 HTML 中有一些 div，其中之一正在加载图像 div，所以我希望它与其父 div 重叠。这是我的代码：

<div id="something1">
    <div id="something2"></div>
    <div id="parent" style="border: 15px solid #c1c1c1;width:200px; height:250px;">
        <div id="child" style="position: absolute; border: 15px solid #a2f2e2"></div>
    </div>
</div>

当我使用不同的位置（即绝对、相对等）时，子 div 无法与其父级重叠。这是我的小提琴链接：http://jsfiddle.net/yNFxj/4/我不想看到父 div 中的任何内容，但我想看到子 div 随着父 div 的大小而增加并与其重叠。

关于如何仅使用纯 html 和 css 以及使用通用方法在任何其他页面上实现它的方法，有什么想法吗？

PS:边框、宽度、高度等只是举例，可以去掉。

据我所知，Sajjan 是最接近的，但他有一些缺陷：

1. Position: absolute要求其父级具有非静态位置（这通常是通过position: relative，其有效工作方式与静态相同）。
2. 您不需要设置子级的高度和宽度，只需设置父级即可。

这是我的小提琴来演示。

#parent {
    border: 5px solid gray;
    position: relative;
    height: 100px;
    width: 100px;
    margin-left: 50px;
}

#child {
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    background: red;
}

这里的关键是position: relative在父母身上。

不过，我很好奇你到底想用这个达到什么目的。我有一种感觉，无论是什么，都有更好的方法。