Перекрывающиеся сетки в 960 Grid System

Question

Например, в сетке из 12 столбцов я хочу иметь ширину в 9 сеток и еще одну в 4 сетки.Div будет иметь перекрытие шириной в 1 сетку в середине.Это полезно для некоторых необычных эффектов.

Конечно, я могу просто использовать один div и затем создать внутри него больше div (не используя Grid System), но есть ли лучший способ?

Answer 1

Или вы можете организовать свой макет самостоятельно со всеми пользовательскими DIV, которые просто следуют рекомендациям, которые дает вам 960GS.Ничто не говорит вам о том, что вы должны использовать готовый HTML-шаблон, чтобы извлечь выгоду из концепции системы сетки.Это просто руководство, чтобы убедиться, что все ширины на странице выглядят хорошо и подходят друг другу.

Answer 2

Я считаю, что грид-системы CSS были разработаны для обеспечения быстрого и простого макета без таблиц. Они не были предназначены для такого рода вещей. Однако есть сторонний инструмент, который может вас заинтересовать. Вы можете найти его здесь: http://gridder.andreehansson.se/

Однако вам может оказаться проще использовать CSS для размещения элементов DIV, перекрывать их с помощью отрицательных полей и использовать свойство z-index, чтобы определить, какой из перекрывающихся элементов DIV должен быть сверху.