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