下拉菜單滾動條問題

Question

我想在列表下查找下拉列表，但它會自動爲列表創建滾動條和不合適的高度。

雖然有名單上的5個元素，它只是顯示一個因爲inproper高度的其他的都沒有顯示，我猜。

這是css代碼;

注：請告訴我，如果還有什麼需要

Answer 1

包含的元素可能有默認值（overflow: auto），所以當含量比它的規模更大，它將創建一個滾動條。

只要確保你的含元素具有overflow: visible。

.div1 { 
 
    overflow: hidden; 
 
} 
 

 
.div2 { 
 
    overflow: visible; 
 
} 
 

 
.div3 { 
 
    overflow: scroll; 
 
} 
 

 
.div4 { 
 
    overflow: auto; 
 
} 
 

 
.inner { 
 
    height: 200px; 
 
    width: 50px; 
 
    background-color: red; 
 
    color: white; 
 
} 
 

 
body { 
 
    display: flex; 
 
    flex-direction: row; 
 
    justify-content: space-around; 
 
} 
 

 
.space { 
 
    width: 80px; 
 
    height: 100px; 
 
    border: 1px solid black; 
 
    background-color: blue; 
 
}

<div class="space div1"> 
 
    <div class="inner">hidden</div> 
 
</div> 
 

 
<div class="space div2"> 
 
    <div class="inner">visible</div> 
 
</div> 
 

 
<div class="space div3"> 
 
    <div class="inner">scroll</div> 
 
</div> 
 

 
<div class="space div4"> 
 
    <div class="inner">auto</div> 
 
</div>