带有网格系统的Javascript选择插件

Question

我已经在我的网页上实现了选择的插件 ，效果很好。 最近，我决定切换到960网格系统，使我的页面焕然一新。 但是，当我执行此操作时，“选择的插件”中的样式似乎与网格系统混乱，导致网格上的轮廓从屏幕的左侧移出。 我觉得这与网格如何相对浮动以及插件中的样式正在扔掉有关。 但是，我似乎无法确切找到导致这种情况的样式或如何更改它。 有没有人对这个插件有经验，谁可以给我建议？ 我宁愿不必剥离此插件，因为从功能上讲，它很棒！

编辑：虽然，当我单击下拉菜单时，样式似乎看起来正确。 仅当未显示下拉菜单项时。

Answer 1

想通了这一点。

我必须将下拉列表的CSS属性更改为display: none而不是绝对定位-99999px。

这是我的代码：

.chzn-container .chzn-drop {
  width: 100% !important;
  display: none;
  background: #f6fbfd;
  border: 1px solid #9fbeca;
  border-top: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 900;
  width: 100% !important; /*to line up the right side visually*/
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  -webkit-box-sizing: border-box; 
  -khtml-box-sizing : border-box;
   box-sizing: border-box;

然后我将值设置为inline：

.chzn-container.chzn-with-drop .chzn-drop {
  left: 0;
  display: inline;
}