Блоки одинаковой высоты в соседних контейнерах

#html #css

Добрый день!
Не могу придумать красивый и простой способ сделать следующее. Есть соседние контейнеры,
которые разделены на блоки. Текст в блоках может быть разной длинны и, соответственно,
высота блока будет меняться от контейнера к контейнеру, что отразится и на высоте самого
контейнера. Вот макет:


Как сделать так, чтобы каждому блоку присваивалась максимальная высота блока его
класса, т.е. для блока 2 во всех контейнерах высота равнялась максимальной из блока
2 контейнера 1, блока 2 контейнера 2, блока 2 контейнера 3?

Заранее благодарен!
    

Ответы

Ответ 1

Вот вариант с использованием JQuery: 




Взято отсюда: http://webkab.ru/kak-sdelat-bloki-div-odinakovoj-vysoty-javascript/

А вот и без JS, если нужно: http://habrahabr.ru/post/148327/


Ответ 2

Вот такой вариант подойдет?

html



*{
    padding: 0;
    margin: 0;
}

.conteiner{
    width: 100%;
    display: table;   
    font-size: 12px;
    font-family: 'segoe ui';
    border-spacing: 5px 0;
}
.conteiner .item-row{
    display: table-row;
    
}
.conteiner .item{
    width: 33.333%;
    display: table-cell;
    vertical-align: top;    
    padding: 10px;
    background: #ccc;
    border: 2px solid #000;
    box-sizing: border-box;    
}
.conteiner .item-row:nth-child(2) .item{
    border-top: none;    
    border-bottom: none;
   }

    

        

            Добрый день! Не могу придумать красивый и простой способ сделать следующее.
Есть соседние контейнеры, которые разделены на блоки. Текст в блоках может быть разной
длинны и, соответственно, высота блока будет меняться от контейнера к контейнеру, что
отразится и на высоте самого контейнера.
        
        
2
        
3
    
    

        
1
        

            Добрый день! Не могу придумать красивый и простой способ сделать следующее.
Есть соседние контейнеры, которые разделены на блоки. Текст в блоках может быть разной
длинны и, соответственно, высота блока будет меняться от контейнера к контейнеру, что
отразится и на высоте самого контейнера.
        
        
3
    
    

        
1
        
2
        
Добрый день! Не могу придумать красивый и простой способ
сделать следующее. Есть соседние контейнеры, которые разделены на блоки. Текст в блоках
может быть разной длинны и, соответственно, высота блока будет меняться от контейнера
к контейнеру, что отразится и на высоте самого контейнера.