当选择 dcc.dropdown 菜单中的多个选项时，我需要按下一个 div

Question

当选择了菜单中的多个选项而不是如下图所示重叠（或发送到后面，具体取决于z 索引）。下拉菜单位于另一个 div 内。我尝试过更改 css 显示和位置，但尚未取得积极结果。

代码看起来像这样：

html.Div([

    html.Div(children=html.H2('SIMILAR PLAYERS', className='titulo_ventanah2'), className='titulo_ventana'),

    html.Div(children=[(html.I(className='search')),'Search by:'],style={'display':'inline-block','padding-left':'15%', 'font-size':'13px'}),

    html.Div(children=(dcc.Dropdown(style={'height':'20px', 'font-size':'14px'},persistence_type='session')),style={'display':'inline-block', 'padding':'0px 0px 0px 10px', 'width':'200px', 'margin-top':'5px'}),

    html.Div(children=(dcc.Dropdown(multi=True,style={'height':'20px', 'font-size':'14px'})),style={'padding':'0px 0px 0px 10px', 'width':'400px', 'margin-top':'5px'}, className='similardiv'),

    html.Div([

        html.Div(children=[html.Div(html.H3('Top 15 most similar players',className='titulo_ventanah3'),className='titulo_ventanaint'),

        html.Hr(),

        html.Div([children=dcc.Graph())])],className='similar_players'),

    ])

],className='container1')

还有一些组件的 CSS 代码：

.container1 {

  position: fixed;

  width:80%;

  height:100%;

  display:inline-block;  

  left:20%;

  margin: 0 auto;

  padding: 0 0px;

  box-sizing: border-box;

  overflow: hidden;

  top:0;

  overflow:auto;

  background-color: #f5f5f5;

}

.titulo_ventana {

  top:0;

  display:inline-block;

  background-color: #f5f5f5;

  padding-left:2%;

  margin: 0px 0px 0px 0px;

}

.titulo_ventanah2 {

  text-decoration: none;

  font-size: 20px;

  line-height:45px;

  color: #8f8f8f;

  margin: 0px 0px 0px 0px;  

  display: inline-block;

  letter-spacing: 0.01em;

}

.titulo_ventanaint {

  overflow: hidden;

  z-index:5;

  height:39px;

  display:inline-block;

  background-color: white;

}

.titulo_ventanah3 {

  max-width:100%;

  text-decoration: none;

  font-size: 14px;

  color: black;

  line-height:45px;

  margin: 0px 0px 0px 0px;

}

我希望解决方案是更改元素的显示或位置属性，但我相信它与破折号组件的默认 css 有关，

如果我按照 CBroe 在评论中的建议将 的位置更改.Select-menu-outer为相对位置，则仅在打开菜单时才会发生以下情况：

Answer 1

问题是设置dcc.Dropdown的高度为20px，通过删除'height':'20px'问题就解决了