问题：
手动拖动DIV后，动态生成DIV的位置出现重叠，如下图。希望在圈3的位置生成新的DIV，实际却在圈2的位置生成DIV。
说明：
1.最外层DIV使用Flex布局
display: flex;
flex-wrap: wrap;
align-content: flex-start;
width: 1590px;
overflow: auto;
2.使用jquery-ui，内部DIV（灰背景）可以自由拖动
3.所有内部DIV都动态生成，插入到最外层DIV里
需求：
把DIV1手动拖动到圈2后，再生成DIV，位置是在圈3，应该怎么控制？
