如何用骨架制作 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%;
}