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; 
}