css - 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

尝试给.parentaposition:relative和.overlayaposition:absolute这将允许您定位.overlay相对于.parent. 那是你要的吗？