jqueryUI的draggable拖拽插件进行clone复制拖拽时候,经过其他区域样式发生改变

如以上图片,第一张图是将右边列表内容拖拽进中间区域时,样式显示正常
第二三四张图是将左边列表内容拖拽近中间区域时,经过中间区域便会被压缩,最终被挤压成一竖列,这是为什么?
左边列表和右边列表的数据获取方式,样式什么的都是完全相同的,为啥左右的效果不一样

应该是父区域的样式影响了它本身的样式，你可以对拖动元素的样式（宽、高）单独设置，这样自身样式优先级高于继承样式
如果不是这个原因，建议把代码贴出来，这样好排查

克隆对象cloneObj的样式来自于源对象，你可以为克隆获取到的对象为单独设置样式，
假如，通过$(cloneObj).css("width","100px").css("height","50px");来设置

使用这一插件时，元素的位置发生了变化导致了浏览器识别的样式发生了变化,如下样式可使拖拽时大小发生变化:

.container .css-demo{
    width:200px;
    height:200px;
}
.css-demo{
    height:300px;
    width:300px;
}

解决方案有很多，比如不写如上所示的CSS,遵循工程化的CSS书写规范。
样式库不可能大重构的话，可以使用如下的黑科技修改：

body> .css-demo{
    height:300px;
    width:300px;
}