Удалить поля для плавающих элементов

Я работаю в простой системе сетки, и сейчас у меня проблема с плавающими столбцами. Я использую сетку из 12 столбцов, и все мои столбцы имеют левое поле, которое я устанавливаю с помощью этого селектора: [class*='column'] + [class*='column'] { margin-left: 1.6%; }. Проблема в том, что столбцы, которые не помещаются в одну строку, перемещаются вниз, но сохраняют поля, как вы можете видеть в эта скрипка.

В этом примере у меня есть сетка, определяющая три div шириной в четыре столбца, один div шириной в шесть столбцов и div шириной в восемь столбцов. Поскольку последние два из них не подходят, они смещены, но не выровнены, так как имеют запас. Что я могу сделать в этом случае, чтобы убрать маржу?


person David Moreno García    schedule 18.10.2015    source источник
comment
Flexbox — ваш друг.   -  person    schedule 18.10.2015


Ответы (1)


person    schedule
comment
Спасибо за ваш ответ, но, к сожалению, это не вариант, так как я хочу сделать это для любой комбинации. Это для системы сетки. - person David Moreno García; 18.10.2015