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;
}

会做技巧