爲什麼CSS位置絕對圖像不顯示？

Question

我的主容器有相對位置，我想疊加2個圖像。

當我將絕對位置添加到我的一個div的時候，它就會消失。

我嘗試使用定位左上角等。我附加圖像它是如何看起來。

How it suppose to look

這裏是我的代碼

<div style="position: relative;"> 
    <div style="background: url('http://i.imgsafe.org/8797eaa.png') no-repeat; background-size: 100% auto; height: 709px;margin-top: 70px"></div> 
    <div style="background: url('http://i.imgsafe.org/8ab6260.png') no-repeat; background-size: 100% auto; height: 170px;position: absolute; top:0; left: 0"></div> 
    </div> 

有什麼建議？

Answer 1

使用

width:100% 

具有絕對絕對會解決你的問題位置的圖像;）

這裏是小提琴免費爲您^^

http://jsfiddle.net/sxbo705L/1/

Answer 2

您忘記這樣指定你的絕對div的寬度。在CSS中添加width: 100%。