jquery-ui と css を使用して並べ替え可能な棒グラフを作成するのに問題があります。float: leftバーがドラッグされたときにマージンが台無しになるのを防ぐ代わりに、<li>タグで使用する必要がdisplay: inline-blockありますが、これは、バーがコンテナーの下部ではなく上部に整列することを意味します。
少しグーグルで調べてみると、「フロートボトム」を実現する標準的な方法はposition: relative、コンテナを配置してposition: absolute; bottom: 0pxから要素を配置することですが、これを行うと、<li>スタックが互いに重なり合うだけです。
を<li>水平方向に分離して配置し、jquery をソート可能にする方法、またはそれ以外の方法でこれを達成する方法がわかりません。