Comment puis-je obtenir overflow:scroll à l'intérieur d'un flex zone

J'ai buildt cette mise en page:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
<style type="text/css">
html, body{
  margin:0;
  padding:0;
  height:100%;
}
.flex{
  display:flex;
  flex-direction:column;
  min-height:50%;
  width:33.3333%;
  float:left;
  border:1px solid #C8C7CC;
  box-sizing:border-box;
  overflow:scroll;
}
.flex:last-child{
  width:66.6666%;
}
</style>
</head>

<body>
<div class="flex">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
        <li>11</li>
        <li>12</li>
        <li>13</li>
        <li>14</li>
        <li>15</li>
        <li>16</li>
        <li>17</li>
        <li>18</li>
        <li>19</li>
        <li>20</li>
        <li>21</li>
        <li>22</li>
        <li>23</li>
        <li>24</li>
        <li>25</li>
    </ul>
</div>
<div class="flex">

</div>
<div class="flex">

</div>
<div class="flex">

</div>
<div class="flex">

</div>
</body>
</html>

Je veux mettre de longues listes de choses à l'intérieur de chaque flex zone. J'ai besoin d'eux pour faire défiler individuellement et en même temps remplir tout l'espace disponible dans la fenêtre du navigateur. J'ai réussi le dernier, mais comment puis-je obtenir un flex zone de défilement au lieu de grandir, quand débordé?

Vous avez besoin de quelques max-height ni height. Sinon overflow est inutile.
Similaire: stackoverflow.com/questions/21515042/...

OriginalL'auteur Demiurgen | 2015-07-08

  1. 9

    J'ai continué à chercher après la publication de cette question et j'ai trouvé ce post: Flexbox et de défilement verticale dans un plein-hauteur app utilisant les nouvelles api flexbox

    Il proposé de fixer le parent des éléments de la hauteur à 0.
    Je l'ai essayé et ça semble fonctionner 😀

    Si vous avez trouvé la réponse à votre propre question, veuillez utiliser la case "fermeture" de la question.
    Qui de vous m'aider avec ce problème? stackoverflow.com/questions/43175481/...
    O M G !!! fonctionne)))))

    OriginalL'auteur Demiurgen