請教一個(gè)樣式問題?

希望在同一行拖拽圖片，效果如下：

但是現(xiàn)在拖拽的時(shí)候由于div是左浮動(dòng)的，導(dǎo)致拖拽的過程中不在一行，效果如下：

html如下:

<div class="imgDiv" style="float: left">
                                        <img width="80px" height="80px" hiddenIndex="1" itemId="1" ondblclick="editCouponPic(this, 1)" src="url1">
                                        <br><button type="button" class="btn btn-default delClass" onclick="return removeImg(this);">刪除</button>
                                    </div>
                                    <div class="imgDiv" style="float: left">
                                        <img width="80px" height="80px" hiddenIndex="2" itemId="2" ondblclick="editCouponPic(this, 1)" src="url2">
                                        <br><button type="button" class="btn btn-default delClass" onclick="return removeImg(this);">刪除</button>
                                    </div>

拖拽js如下：

jQuery(document).ready(function ($) {
            $("#dropDiv").dragsort({dragEnd: saveOrder, dragSelectorExclude: "input, textarea, a[href],select"});
        });
        function saveOrder() {
            $('#dropDiv img').each(function (index ,e) {
                $(e).attr('hiddenIndex',index)
            });
        }

請問一下如果控制在一行拖拽呢，div不是左浮動(dòng)嘛？