css - div不使用高度自动扩展高度

Question

我只是有点迷失在这里，我不明白为什么当内部 div 更大时容器 div 的高度不会改变。下图中，doctorAppointments(purple background)是容器div，slotWrapper(selected background)是高度更大的内部div。

这是CSS：

    .doctorAppointments{
    margin-left: auto;
    width: 100%;
    max-width: 500px;
    min-width: 480px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: purple;
}

.slotWrapper{
    display: flex;
    flex-direction: row;
    background-color: khaki;
}

标签： css

Answer 1

我发现了问题，一个更高级别的 div，一个包含所有其余 div 的 div，具有限制扩展的固定高度。