перекрытие макета div с сеткой 960

Question

Я использую файлы сетки 960 css для веб-макета, и он отлично работает, но для этого макета мне нужно перекрывать div.

И если у меня есть 2 столбца бок о бок, я могу наложить левый, установив 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

Если вы даете все ваши дивы правило CSS из: position:absolute, вы можете установить top и left смещения позиции для создания макета, как в фотографии, которую разместил. Убедитесь, что дивы упорядочены задом наперед, если вы хотите получить облицовочной правильный ..

Вот очень простой пример того, что вы могли бы сделать с absolute позиционирования: http://jsfiddle.net/ZqRgj/1/