css - 如何用骨架制作 100% 高度的柱子？

Question

我想要 2 列 100% 高度，而不使用 <table>并使用骨架 css 中的响应列。

html, body {
    height: 100%;
}
.container {
    min-height: 100%;
}
.column, .columns {
    min-height: 100%;
}

<div class="container">
    <div class="ten columns alpha">
               bla bla bla
    </div>
    <div class="six columns omega">
        bla bla bla
    </div>
</div>

容器看起来像是 100% 高度但不是列。 有没有办法做到这一点？

Answer 1

试试这个 CSS:

.container {
    min-height: 100%;
    float: left;
    width: 100%;
}