当选择 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'问题就解决了