Internet explorer 水平jquery可排序列表，当滚动显示时，IE11中的占位符宽度不正确

我有一个水平列表，我正在尝试使用jqueryui sortable对其进行排序

只要所有的物品都适合窗户，它就可以完美地工作。但当我有很多项目，使滚动条出现占位符宽度太小。或者实际上，当我在IE开发者工具中检查占位符时，宽度设置为正确的值，但它仍然显示为一条细线。

我注意到向占位符样式添加填充可以使其更宽，但为什么不能使用宽度？我真正想要的是占位符获得项目的宽度，而不需要在占位符类中指定它，当不需要滚动条时它就会这样做

所以我的问题是为什么占位符在IE中显示的宽度不正确（它似乎在Chrome中工作）？我能做些什么来修复它

编辑：我注意到min width可以工作，这与IE中内嵌flex的工作方式有关吗

提前谢谢

$（“#列表”）。可排序({
项目：“>李”，
不透明度：0.8，
占位符：“lm占位符”，
公差：“指针”，
助手：“原创”，
回复：对，
轴：“x”，
开始：功能（事件、用户界面）{
var index=（$（ui.item）.index（））；
}
});
.container{
宽度：500px；
}
.listContainer{
溢出-x：自动；
}
.名单{
列表样式类型：无；
显示：内联flex；
背景色：仿古白色；
}
.项目{
填充：2px；
}
.卡片{
宽度：100px；
高度：100px；
背景色：白色；
边框：1px实心#666666；
}
.lm占位符{
边框：3个虚线#bdbdbd；
宽度：100px；
背景色：#078cd9；
/*左侧填充：20px；
右边填充：20px*/
}


1
2
3
4
5
6
7

这对我很有用

.placeholder {
  display: inline-block;
  width: 30px;
  height: 20px;
  border: 1px solid yellow;
  background-color: orange;
}

这对我有用

.placeholder {
  display: inline-block;
  width: 30px;
  height: 20px;
  border: 1px solid yellow;
  background-color: orange;
}

$（“#列表”）。可排序({
项目：“>李”，
不透明度：0.8，
占位符：“lm占位符”，
公差：“指针”，
助手：“原创”，
回复：对，
轴：“x”，
开始：功能（事件、用户界面）{
$（“.placeholder”）.css（'width'，jQuery（ui['item']）.css（'width'）；
var index=（$（ui.item）.index（））；
}
});
$（“#列表”）。可排序({
项目：“>李”，
不透明度：0.8，
占位符：“lm占位符”，
公差：“指针”，
助手：“原创”，
回复：对，
轴：“x”，
开始：功能（事件、用户界面）{
$（“.placeholder”）.css（'width'，jQuery（ui['item']）.css（'width'）；
var index=（$（ui.item）.index（））；
}
});
这样的代码不是一个充分的答案！这样的代码不是一个充分的答案！