动态选择插件下拉列表中的 CSS 对齐问题答案

【问题标题】：CSS alignment issue in dynamic Chosen plugin dropdowns动态选择插件下拉列表中的 CSS 对齐问题
【发布时间】：2015-08-10 11:37:51
【问题描述】：

我已经为多选下拉菜单使用了 Chosen 插件。

在初始页面，dropdown 已添加到 html 视图中，即 chosen。

如果我们点击“add mitigator”，就会添加新的下拉菜单。

现在功能是这样的：

问题围绕下拉列表所在的divs 的CSS 问题。

产生问题：

访问小提琴链接。
单击“add mitigator”链接可再添加两个下拉菜单。
在dropdown 2中，一一选择所有选项，您会看到dropdown2被扩展并隐藏在dropdown3后面。但dropdown1 不会发生这种情况。

我该如何解决这个问题？

【问题讨论】：

注意问题经常被编辑以删除被认为是“噪音”的内容，否则应该是评论的内容（例如对已发布答案的用户的感谢信）并规范格式（去掉喊话、格式化代码、格式化链接）。不要将此视为对您或问题本身的冒犯，做出此类更改（然后由社区投票接受）是为了帮助您作为 OP 获得更多更好质量的答案，以及帮助未来的访问者

【解决方案1】：

尝试遵循 CSS

.chosen-container {
  min-height:30px;
  height:auto !important;
}

新添加的多选下拉菜单有一个类名为.chosen-container 的div，它通过JavaScript 将应用高度30px 转换为元素样式。

您需要从您的 css 文件中覆盖该 CSS 属性。

我更新了你的小提琴 :https://jsfiddle.net/vrwzckav/4/

【讨论】：