как избежать пробелов в макете при изменении размера перемещаемого элемента

Question

У меня есть список дивы плавал слева и отображаются в виде квадратов:

aa bb cc dd ee 
aa bb cc dd ee 
ff gg hh ii jj 
ff gg hh ii jj 

, когда я изменить высоту квадрата б, например, я получаю:

aa bb cc dd ee 
aa bb cc dd ee 
    bb ff gg hh 
    bb ff gg hh 
ii jj 
ii jj 

Как я могу получить вместо:

aa bb cc dd ee 
aa bb cc dd ee 
ff bb gg hh ii 
ff bb gg hh ii 
jj 
jj 

Благодарности

Answer 1

Может быть, лучше использовать JS MANSONRY для этого типа функциональности.

Answer 2

Вы не можете сделать это с помощью плавающего. Как это ни печально, таблица может быть лучшим решением, пока система Grid CSS3 не станет более эффективной.

Answer 3

Способ работы документа означает, что вы не можете делать это с помощью поплавков. Альтернативой в некоторых случаях является использование таблицы list-display: table и table-table-table, но у этого нет поддержки colspan. Colspan на самом деле именно то, что вы хотите (colspan 2 для ячейки bb) и нормальный для остальных. Стол - ваш лучший выбор.