与网格960重叠div布局

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添加了position:absolute的CSS规则，则可以设置top和left位置偏移，以创建与您发布的照片​​中的布局类似的布局。如果你想让分层正确，请确保从后到前订购div。

以下是使用absolute定位可以执行的操作的一个非常简单的示例： http://jsfiddle.net/ZqRgj/1/