多个div拖拽

这次项目用到多个div拖拽，本想着从网上找找，结果只有单个div的，也可能是我搜索方式不对，，，，这次投机取巧，也达到了项目要求，上代码：

    <div class="roofsWrap">
        <div class="roof">
            <img src="/public/newBuiltSite/img/roof.png">
            <input type="text" value="1号屋顶" readonly />
        </div>
        <div class="roof" style="left: 200px">
            <img src="/public/newBuiltSite/img/roof.png">
            <input type="text" value="1号屋顶" readonly />
        </div>
    </div>

css
//布局页面
.wrapLayout{
height: 942px;
width: 1920px;
background-color: #fff;
position: relative;
.addRoofs{
margin: 50px 45px 0 0;
float: right;
}
.roof{
display: inline-blo