我的下拉列表有問題。如您所見，最后一個可滾動元素被隱藏。當我刪除標題時，最后一個元素可見，但不與標題一起顯示。我找不到問題，因為我不明白這里發生了什么。這已經在我的頁面上上線了，所以也許有一個小修復可以處理所有事情。改變整個設計是很困難的。這是我的代碼：#dropdown-menu {  height: 60%;  display: block !important;  position: fixed;  left: 0;  right: 0;  bottom: 0;  top: unset;   width: 100%;  box-shadow: 0 0 0.4rem 0 rgba(0, 0, 0, .2);}#header {  padding-top: 28px;  justify-content: center;  display: flex;  cursor: pointer;  font-size: 12px;  touch-action: none;  padding: 10px 12px;  padding-top: 28px;  margin-bottom: 5px;}#header::before {  content: '';  position: absolute;  height: 4px;  width: 20px;  background: red;  border-radius: 8px;  top: 15px;  left: 50%;  -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%);  transform: translateX(-50%);}#list {  height: 100%;  max-height: unset;  overflow: scroll;  overflow-x: hidden;  font-size: 12px;  position: relative;}#list .element {  height: 30px;  position: relative;  padding: 10px 12px;  display: flex;  background-color: gray;}#list .element:nth-child(even) {  background-color: #f2f2f2;}<div id="dropdown-menu">  <div id="header">    <span>Notifications</span>  </div>  <div id="list">    <span class="element"></span>    <span class="element"></span>    <span class="element"></span>    <span class="element"></span>    <span class="element"></span>    <span class="element"></span>    <span class="element"></span>    <span class="element"></span>    <span class="element"></span>    <span class="element"></span>    <span class="element"></span>    <span class="element"></span>    <span class="element"></span>    <span class="element"></span>    <span class="element">Last element</span>  </div></div>