Css Flexbox IE11错误：flex子代填充父代的100%高度；韩元'；不要扩展或收缩内容

我见过很多线程，人们谈论他们的

flex

子元素没有填充父元素的高度，但我有一个完全相反的问题：在IE11中，我的

display:flex

容器的子元素完全填充高度，即使它只是一行文本。类似地，即使文本有九段，子元素仍然只达到100%的高度，而不是拉伸以包装内容

如果你有IE11，你可以测试一个，或者在下面的代码段中；在最新版本的Chrome&FF中，它可以正常工作

我意识到一个问题，我见过的最常见的解决方法是给有问题的孩子设定一个明确的高度；但是，内容是动态的，因此设置高度是不可能的。我还尝试了各种

flex-grow/-shrink/-basis

值，但都没有用

考虑到所有这些，我在本文中使用flexbox的唯一原因是将灯箱垂直置于屏幕中心。如果为了IE11我不得不放弃flexbox（呃…），那么我可以接受它

@导入url（'http://fonts.googleapis.com/css?family=Open+Sans'）；
身体{
保证金：0；
填充：0；
字体系列：'opensans'；
}
标签{
显示：块；
颜色：红色；
}
.lightboxoverlay{
可见性：隐藏；
位置：固定；
排名：0；
左：0；
宽度：100%；
身高：100%；
填充：0；
背景色：rgba（0,0,0,0.8）；
文本对齐：居中；
溢出y：滚动；
z指数：9001；
显示：-网络工具包盒；
显示：-ms flexbox；
显示：-webkit flex；
显示器：flex；
指针事件：无；
}
.lightboxoverlay.lightboxoverlay{
宽度：100%；
最大宽度：8rem；
保证金：自动；
填充：1rem；
边界半径：0.500雷姆；
背景色：#FFFFFF；
指针事件：无；
}
.lightboxtrigger:选中+.lightboxoverlay，
.lightboxtrigger:选中+.lightboxoverlay.lightbox{
能见度：可见；
指针事件：自动；
}

启动短灯箱
关上我
这些是文字

发射高灯箱
关上我

同一天，我们将为精英们献身，为劳动和财富创造一个暂时的机会。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。


除了偶尔出于谨慎，我认为这是一种罪过，因为我认为这是一种劳动和义务，而且看起来像希腊语，所以我认为这是一种明显的惩罚。Nam liber te良心不安，认为这是一项法律。这是一个伟大的故事，让人不禁要问，谁会读到这篇文章呢？国际清算银行（Bis nostrud）实习课程。


在这里，除了圣奥卡以外，所有的人都可以享受生活。这是一个很好的方法。但自由的解决方案是一种新的解决方案，它可以阻止知识的传播，也可以阻止知识的传播，为精英们提供服务，为他们提供临时的就业机会和巨大的就业机会。这是一个非常简单的例子。Irure dolor在《劳动和财富》杂志上受到谴责。


但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一起时，都是在被卷起的绒毛膜上。Tia非ob EAA解决方案不利于提高效率。工作场所的动物是劳动和娱乐场所。不结盟运动有意识地将这一点纳入法律体系。如果你是一位杰出的领袖，那么你的工作和生活方式就是一个很好的例子。


两人在一个空荡荡的房间里互诉衷肠，一个空荡荡的空荡荡的空荡荡的空荡荡的空荡荡的空荡荡的空荡荡的空荡荡的空荡荡的空荡荡的空荡荡的空荡荡的空荡荡的空荡荡的。在vver eos和accusam dignissum qui blandit est praesent。如果你是一个年轻人，那么你可以选择一个年轻人或者一个年轻人。在过去的一段时间里，我们生产的产品都是绿色的，而在杜斯格鲁布贡的特伦祖尔地区，我们的产品是绿色的。在非混合型沥青混合料中，混合沥青混合料中的混合沥青混合料中的混合沥青混合料中的混合沥青混合料中的混合沥青混合料中的混合沥青混合料中的混合沥青混合料中的混合沥青混合料。如果你是一个朋友，那么你可以在家里吃点什么。Eslo idaffacgad全球环境基金（gef）在斯普拉德沙格州特伦茨-德雷克市实施了一个项目。


同一天，我们将为精英们献身，为劳动和财富创造一个暂时的机会。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。


除了偶尔出于谨慎，我认为这是一种罪过，因为我认为这是一种劳动和义务，而且看起来像希腊语，所以我认为这是一种明显的惩罚。Nam liber te良心不安，认为这是一项法律。这是一个伟大的故事，让人不禁要问，谁会读到这篇文章呢？国际清算银行（Bis nostrud）实习课程。


在这里，除了圣奥卡以外，所有的人都可以享受生活。这是一个很好的方法。Nam libe Solta nobis eligent optio
<div class="parent">
    <div class="child"></div>
</div>


.parent {
    display: flex;
    min-height: 100px;
    max-height: 200px;
    background: green;
}

.child {
    width: 30%;
    min-height: inherit;
    max-height: inherit;
    background: yellow;
}