基于浮动包含div的宽度重叠div

Question

我有一堆代表手牌的div。取决于绘制的数量，我希望能够让它们开始叠加在一起，以便手容器div只有一行深。卡片div也设置为draggables所以这是我试图找出一种方法来自动排序它们。使用jquerys职位定位器是最好的方法吗？

Answer 1

我最终获取容器div的宽度并手动间隔其中的每个元素。

    function alignHand(){
            var cards = $(".inHand");
            var totalWidth = 0;
            var width = $('#hand').width() - 140;
            cards.each(function(e){
                    totalWidth = totalWidth + 1;
                    $(this).addClass('cardInHand' + totalWidth);
                    $(this).css('position','absolute');
                    $(this).css('left',width/cards.length * (totalWidth - 1) + 'px');

            });