Css div相对但绝对

Question

我想将div子元素作为所有父内容的叠加层，父宽度固定。 （例如，您通常可以在照片库上看到的js字幕）

HTML：

<div class="parent">
<div class="child">child</div>
<div class="overlay">overlay them</div>
</div>

CSS：

.parent{
width:300px;
max-width:300px;
}
.child{
width:100%;
min-width:100%;
position:relative;
}
.overlay{
position: /*?? to make it cover like overlay all the .child so all the .parent content*/

}

jsfiddle：http://jsfiddle.net/ttUgM/1/

Answer 1

尝试提供.parent一个position:relative和.overlay一个position:absolute，这样您就可以将.overlay相对于.parent定位。这就是你想要的吗？