CSS сетка и вложенные элементы

Question

Представьте, что вы используете сеточную систему CSS, и ваши компоненты страницы являются элементами div, привязанными к сетке с радиусом границы.

Если вы хотите вложить такие компоненты, расстояние между родительским и дочерним компонентами должно быть не менее ширины столбца - верно?

Что если вы хотите меньшее расстояние?

Что если вы хотите вложить до 3 или 4 уровней?

Есть идеи?

Спасибо

Answer 1

Если вы хотите вложить такие компоненты, расстояние между родителями и дочерний компонент должен быть не менее ширины столбца - верно?

Почему используется радиус границы для выравнивания блоков / столбцов в сетке? Разве вы не должны использовать поля?

Если вы хотите расположить объекты в сетке, все столбцы сетки должны иметь желоб. То, что вы ищете в сетке CSS, очень похоже на 1KB Grid .

Если вам нужна большая гибкость, вы можете использовать Система переменных переменных . Исходя из того, что вы предлагаете, вам на самом деле не нужно использовать пользовательскую сетку или создавать инфраструктуру сетки CSS.