html - Flexbox 没有占用包装器的全部高度

Question

我的侧面 flexbox 有问题，它没有占据网站的全部高度。

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

会做一些技巧