0

Chosen プラグインを自分の Web ページに実装しましたが、うまく機能しました。最近、ページを改良するために 960 グリッド システムに切り替えることにしました。私がこれを行ったとき、Chosen プラグインのスタイルがグリッド システムに干渉しているように見え、グリッドのアウトラインが画面から左に外れてしまいます。これは、グリッドが相対的にどのようにフロートされているか、プラグインのスタイルがそれを台無しにしていることに関係しているように感じます。ただし、これを引き起こしているスタイルや、それを変更する方法を正確に見つけることができないようです。このプラグインを使用した経験があり、アドバイスをくれる人はいますか? 機能的にはうまく機能するので、このプラグインを削除する必要はありません。

編集:ただし、ドロップダウンをクリックすると、スタイルが正しく見えるようです。ドロップダウン項目が表示されていない場合のみです。

4

1 に答える 1

0

これを考え出した。

ドロップダウンの CSS プロパティをdisplay: none絶対配置の代わりに -99999px left に変更する必要がありました。

これが私のコードです：

.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;
}
于 2013-07-01T15:44:14.150 に答える