與網格重疊div佈局960

Question

我使用960 css網格文件進行網頁佈局，效果很好，但對於此佈局，我需要重疊div。

如果我有兩列並排，我可以通過在右側設置class =「pull_1」來重疊左側。

<div class="grid_2"> 
    <p> 
    <img src="../star.jpg" width="236" height="329" style="float:left;"> 
    </p> 
    </div> 

<div class="grid_2 pull_1"> 
    <p> 
    <img src="../star.jpg" width="236" height="329" style="float:left;"> 
    </p> 
    </div> 

但是，如果我想重疊向上？是的，我可以設置margin-top：-50px;並且這將在左側和上側重疊 。

<div class="grid_2"> 
    <p> 
    <img src="../star.jpg" width="236" height="329" style="float:left;"> 
    </p> 
    </div> 

<div class="grid_2 pull_1" style="margin-top:-50px;"> 
    <p> 
    <img src="../star.jpg" width="236" height="329" style="float:left;"> 
    </p> 
    </div> 

我想要這樣的佈局，我只是想知道這是否是這樣做的方式，或者如果有人有更好的方法來做到這一點？ 謝謝！

Answer 1

如果您將所有div的CSS規則設置爲：position:absolute，則可以設置top和left位置偏移量來創建一個與您發佈的照片​​中相同的佈局。確保申報單從後到前下令，如果你想獲得分層正確的..

這裏是你可以用absolute定位做一個很簡單的例子： http://jsfiddle.net/ZqRgj/1/