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