Как сделать столбцы высотой 100% со скелетом?

Я хотел бы иметь 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%, но не столбцы. Есть ли способ добиться этого?


css skeleton-css-boilerplate
person Matthieu    schedule 08.12.2012    source источник
comment
Если вы хотите, чтобы столбцы имели ту же высоту, что и контейнер, и вы знаете, что эти столбцы всегда будут внутри этого контейнера, вам следует использовать height:inherit. Имейте в виду, что это недоступно в Internet Explorer 7, но, поскольку вы используете min-height, а не резервные копии, похоже, вам все равно.   -  person Ohgodwhy    schedule 08.12.2012
comment
ОП, ты решил это?   -  person A__    schedule 06.12.2015

Ответы (1)


arrow_upward
0
arrow_downward

Попробуйте этот CSS:

.container {
    min-height: 100%;
    float: left;
    width: 100%;
}
person abhi    schedule 14.05.2014