Flexboxがラッパーの高さに達していない

Question

私のサイドフレックスボックスに問題があります。これはサイト全体の高さを取っていません。

.aside-1 { 
     padding: 10px; 
     font-size: 18px; 
     flex: 1; 
     height: 100%; 
    } 

高さを100％に設定しようとしましたが効果がありませんでした。ここでいっぱいでサイトです：http://jsbin.com/yujoqaxubi/edit?output

私は

position:absolute; bottom:0 

を追加することも試みたが、それだけでサイトを破ります。

ありがとうございました！

Answer 1

.aside-1 { 
    padding: 10px; 
    font-size: 18px; 
    flex: 1; 
    height: auto; 
} 

**質問自体にトリックにそれを再現するために必要な最短のコードが含まれている必要があり、コードの助けを求める