Javascript选择的网格系统插件

Question

我已经在我的网页上实现了Chosen Plug-in，它工作得很好。最近我决定切换到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; 

然后我将该值设置为内联在这里：

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