我有一個關于溢出的問題-y:自動和彈出。我有2個彈出窗口內的div，但只有在第二個我想實現一些滾動，如果需要的話。彈出窗口有一個最大高度，所以如果第二個div的高度大于彈出窗口的最大高度，我會看到一個滾動。但在現實中，情況并非如此。第二個div只是增加到比彈出窗口更高的高度，延伸到彈出窗口之外的地方。為什么會這樣？

它看起來是這樣的:

在此輸入圖像描述

css:

.class1 {
    max-height: 100px;
    
}

.class2 {
    height: 300px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

HTML:

在此輸入圖像描述

如果您想讓class2在class1中滾動，您需要在class1(彈出容器)中添加這個css:

overflow: scroll;

完整代碼:

.class1 {
    max-height: 100px;
    overflow: scroll;
}
.class2 {
    height: 300px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

更多信息請訪問:溢出- css技巧

感謝貢獻一個堆棧溢出的答案！

請務必回答問題。提供詳細信息并分享您的研究！但是要避免…

尋求幫助、澄清或回應其他答案。根據意見發表聲明；用參考資料或個人經歷來支持他們。要了解更多，請查看我們關于撰寫精彩答案的提示。