jquery ui可排序布局的两个问题

我有两个重要的问题需要解决，我已经尝试了好几个月了……关于可排序的问题，我已经创建了一个小提琴来复制这个问题：

把F拖入B，你就会明白我的意思

我不希望A，F，B和C低于B，然后是D和E

A F B
    C
D E

我想按下面的方式看

A F B
C D E

实际上，如果有六个以上的元素，情况看起来很糟糕，因为三个内联元素的结构没有保留下来，这是因为可排序元素上的sortable需要左浮动

另一个不太重要的问题是，当浮动div无法对齐时，如何将这些浮动div垂直对齐到左div-底部

这里是一个更新的小提琴，涵盖了这两个问题，但增加了一个新的问题，额外的高度内的ul，如何使其工作没有这个高度覆盖空间

---

ul有额外的高度，因为你的li上的.block类有一个最小高度和一个300px的线高度，这比你最高的块要高。尝试将这些属性设置为200px，这是块E的高度最高：

.block {
    border: 1px dashed green;
    vertical-align: bottom;
    margin: 5px 0 0 5px;
    float: left;
    padding: 5px;
    display: block;
    width:190px;
    color:#ffffff;
    margin-left:10px;
    min-height:200px; /*Changed to 200px*/
    line-height:200px; /*Changed to 200px*/
    overflow-y:hidden;
}

---

这里是修改后的fiddle:

我现在将其作为评论，因为我没有太多时间，这是一个浮动和清除的问题，如果我没有弄错的话，您需要清除：第二行的第一个元素和第二行的第一个元素。