如何用骨架制作100%高度的柱子?

Mat*_*ieu 6 css skeleton-css-boilerplate

我希望有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>
Run Code Online (Sandbox Code Playgroud)

容器看起来像100%高度但不是列.有没有办法实现这个目标?

小智 0

试试这个CSS:

.container {
    min-height: 100%;
    float: left;
    width: 100%;
}
Run Code Online (Sandbox Code Playgroud)