當選擇了菜單中的多個選項而不是如下圖所示重疊（或發送到后面，具體取決于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為相對位置，則僅在打開菜單時才會發生以下情況：