0

我已经在我的网页上实现了Chosen Plug-in ,效果很好。最近,我决定切换到 960 网格系统,让我的页面焕然一新。但是,当我这样做时,Chosen Plug-in 中的样式似乎与网格系统发生了冲突,导致网格上的轮廓离开屏幕左侧。我有一种感觉,这与网格的相对浮动方式有关,并且插件中的样式只是将其丢弃。但是,我似乎无法找到导致这种情况的确切样式或如何更改它。有没有人有这个插件的经验谁可以给我建议?我宁愿不必去掉这个插件,因为从功能上讲,它工作得很好!

编辑:虽然,当我点击下拉菜单时,样式看起来很正确。仅当下拉项目未显示时。

4

1 回答 1

0

想出了这个。

我不得不将下拉菜单的 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;
}
于 2013-07-01T15:44:14.150 回答