Неравномерная схема сетки

Question

Вот пример.

http://jsfiddle.net/wnud4/1/

Я хотел все зеленые коробки и синие коробки, чтобы попасть в порядке, один за другим без больших зазоров, кроме установленных полей. По какой-то причине второй элемент в синем столбце жалуется на выравнивание. Кто-нибудь имеет какие-либо предложения или может дать указания, если я приближаюсь к этому неправильно. Я не хочу предопределять столбцы, но кроме этого я открыт для чего угодно. Благодаря!

Answer 1

Вместо того чтобы использовать поплавки на обеих колонках, вы можете использовать только float: left в левом столбце и просто используйте margin-left в правом столбце, чтобы выталкивать те divs мимо плавающих div. Тогда вам просто нужно очистить свои ширины и поля, чтобы все было в порядке.

Вот пример: http://jsfiddle.net/UZY6t/2/

Answer 2

Непроверено в чем-либо, кроме Google Chrome и FF, но вы можете попробовать использовать комбинацию поплавком: слева и маржа налево:

http://jsfiddle.net/wnud4/7/