我在具有可滚动内容的固定高度 div 中有一个引导下拉菜单(overflow-y: scroll;)。我的问题是，当菜单变得更长时，它隐藏在其父 div 内，因为它具有垂直滚动条。我想显示它的全尺寸（在其父级之上）。z-index 不适用于此。
.highlights-box {
background-color: #f5f5f5;
border: 1px solid #e0e0e0;
font-size: 17px;
font-family: camberia;
padding-left: 0px;
padding-right: 0px;
margin-top: 7px;
}
.highlights-box h1 {
font-family: camberia;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
font-size: 24px;
font-weight: normal;
}
.unesco {
padding-top: 2px;
padding-bottom: 2px;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
padding-left: 20px;
font-size: 18px;
}
.city-heading {
font-weight: bold;
text-decoration: underline;
text-align: center;
padding-top: 7px;
padding-bottom: 7px;
text-transform: uppercase;
}
.monuments { …