css - 使用 flexbox 溢出 :auto is not working in IE11

Question

<分区>

Answer 1

编辑

此答案现在停止内容始终具有 150 像素的高度。

• 添加:max-height: 150px 到 .content
• 在 .content 上保持:overflow: auto;

https://codepen.io/anon/pen/zzwmgX

.main {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background-color: gray;
    flex-direction: column;
}

.top, .bottom
{
    color: white;
    background: blue;
}

.content {
    overflow-y: auto;
    max-height: 150px;
}