такая же высота колонн с 960.gs?

Question

У меня есть 4 столбца в одном ряду, и в зависимости от того, сколько информации я поместил в каждый из них, они будут иметь разную высоту. Вы можете видеть это, если вы поместите цвет фона на них.

как дать другим столбцам высоту столбца с наибольшей высотой?

Answer 1

Вы можете использовать jQuery для этого. http://www.cssnewbie.com/equal-height-columns-with-jquery/

Альтернативно для подхода только с CSS вы можете сделать так, чтобы они выглядели одинаково по высоте, обернув все столбцы в div, а затем применив одно фоновое изображение с 4 цветными блоками, которые соответствуют ширине столбцов.

Этот div обертки расширится до размера наибольшего столбца и создаст впечатление четырех одинаковых по размеру столбцов.

Answer 2

Вы можете использовать свойство CSS display: table-cell

http://jsfiddle.net/AGjBM/

<style>
    div.table-cell {
        display: table-cell;
        border: 1px solid;
    }
</style>

    <div class="table-cell">
        Some Text
    </div>
    <div class="table-cell">
        Some Text<br>
        Some More Text
    </div>

Answer 3

Ну, я не знаю, работает ли это для 960, но в Blueprint вы можете получить это, применив следующий стиль к столбцам:

padding-bottom : 20000px;
margin-bottom : -20000px;
overflow:hidden;