帶有網格系統的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;
}