jQuery UI сортируемый - держите div один за другим с различной шириной

Question

У меня проблема - я хочу использовать сортируемый плагин jQuery UI в списке с различными значениями ширины элементов, например, 1 li, которые имеют 100% от общей ширины, и другой, который имеет 50% от общей ширины.
Проблема начинается, когда элементы имеют разную высоту - они плавают один за другим (как любой нормальный элемент с float), но я хочу, чтобы у них не было пробелов между следующими элементами, как на этом рисунке:http://i.stack.imgur.com/tMOBS.jpg

Я пытался найти что-то об этом - но все, что я нашел, это вещи о связывании двух столбцов, и это мне не помогает, потому что я не могу использовать элемент ширины 100% ..

это моя сортируемая область: http://i.stack.imgur.com/ncIk1.jpg

Большое спасибо

Answer 1

Просто следуйте документам .Сортируемый + плавать = весело.Пример здесь: jsFiddle

edit : Извините, Джо, я неправильно понял ваш вопрос.Чтобы создать сетку вещей разной высоты, вы не можете использовать float s.На самом деле существует очень мало способов компоновки вещей различной ширины и высоты.Делать это программно, как масонство , - единственное, что приходит на ум;как показано в этой демонстрации .