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

Question

Вот пример.

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

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

Answer 1

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

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

Answer 2

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

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