div相對重疊

Question

我有3個div。我需要得到這些重疊，但我不能使用絕對定位，我。我怎樣才能做到這一點？ 我針對這一個響應式佈局工作（沒有鎖定PX值）

<div id="hold" style="background-color: #CCCCCC;padding: 10px"> 
     <div id="first" style="width: 100px;height: 100px;background-color: red;z-index: 1"></div> 
     <div id="sec" style="width: 100px;height: 100px;background-color: greenyellow;z-index: 3"></div> 
     <div id="third" style="width: 100px;height: 100px;background-color: #a3dbec;z-index: 5"></div> 
    </div> 

我用下面的CSS。

 #first,#sec,#third{ 
      margin: 0 auto; 
      position: relative; 
      top: 0; 
     } 

Answer 1

設置margin-top：

#sec 
{ 
    margin-top: -100px; 
} 
#third 
{ 
    margin-top: -100px; 
} 

http://jsfiddle.net/EPq6Z/