Css div相對但絕對

我想爲所有父級內容製作一個div子元素作爲疊加層，並修正父寬度。（一個例子可能是你在平時照片畫廊看到JS字幕）Css div相對但絕對

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/

來源

2012-11-02 sbaaaang

疊加層通常插在DOM的頂層，緊接着BODY（或所有內容之後）。 –

我不是在談論身體覆蓋，我在談論一個相對覆蓋（相對於它的元素），如果你喜歡 – sbaaaang

嘗試給.parent一個position:relative和.overlay a position:absolute這將允許你定位.overlay相對於.parent。那是你要的嗎？

來源

2012-11-02 20:55:07

對不起，對，我認爲你接受了，讓我測試up – sbaaaang

我測試過我在** boostrap **，疊加在**。row-fluid **元素中，並且它破壞**排液佈局**添加**位置：絕對; **到* * .overlay ** – sbaaaang

我不認爲除''position：absolute''之外還有其他方法可以定位'.overlay'。你可以創建一個jsfiddle嗎？ –

Css div相對但絕對

回答

相關問題