如何让div容器自动适应IE11中固定大小的子元素

<style>
    .parent {
        overflow: hidden;
    }
    .child {
        float: left;
        width: 100px;
        height: 100px;
    }
</style>

<div class="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>

<style>
    .parent {
        display: inline-block;
    }
    .child {
        width: 100px;
        height: 100px;
    }
</style>

<div class="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>

<style>
    .parent {
        display: flex;
        flex-wrap: wrap;
    }
    .child {
        width: 100px;
        height: 100px;
    }
</style>

<div class="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>