pourquoi ma propriété flex-flex-stretch ne fonctionne-t-elle pas?

Je vais essayer d'obtenir les trois flex enfants, boîtes à étirer à l'aide de flexbox pour remplir le récipient de sorte que tous les trois zones sont de la même taille. Cependant, je ne veux pas le premier des deux à l'intérieur de boîtes à étirer - j'ai toujours envie qu'ils soient de la même taille. Un peu difficile à expliquer, donc voici ce que je veux qu'elle ressemble à ceci: pourquoi ma propriété flex-flex-stretch ne fonctionne-t-elle pas?

Où les boîtes sont tous égaux et hauteur fixe uns que les autres, même avec les cases bleues (hauteur relation entre le rouge et le bleu des boîtes n'est pas important), et la boîte verte est celle qui s'étend cependant à la taille de la plus grande boîte noire. Je tiens donc à éviter quelque chose comme ceci, par exemple:

pourquoi ma propriété flex-flex-stretch ne fonctionne-t-elle pas?

Voici un JSFiddle: http://jsfiddle.net/agentemi1y/ssxu5moy/

Voici le html de base:

<div class="container">
<div class="box box1">
    <div class="inside-box"></div>
    <div class="inside-box"></div>
    <div class="inside-box last-box"></div>
</div>
<div class="box box2">
    <div class="inside-box"></div>
    <div class="inside-box"></div>
    <div class="inside-box last-box"></div>
</div>
<div class="box box3">
    <div class="inside-box"></div>
    <div class="inside-box"></div>
    <div class="inside-box last-box"></div>
</div>
.container {
border: 1px solid red;
width:90%;
height: 100px;
display:flex;
justify-content: center;
align-items: center;
align-content: stretch;
}

.box {
    border: 1px solid purple;
    flex: 0 1 33%;
    margin: 0 20px;
    align-self: stretch;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}

.inside-box {
    border: 1px solid green;
    min-height: 0.5rem;
    flex: 0 1 100%;
    align-self: flex-start;
}

.last-box {
    background-color: pink;
    align-self: stretch;
}

REMARQUE: je ne peux pas définir une hauteur fixe pour les trois boîtes noires, parce que si tous les trois zones ont seulement une icône, il va chercher muet.

source d'informationauteur agentem