Высота деления 100% в контейнере без статической высоты

Question

У меня была проблема сегодня. У меня было 3 деления с переменной высотой, я никогда не знал, какой из них будет самым высоким. Я должен был расположить их рядом и всегда устанавливать одинаковую высоту всех трех. Все 3 элемента div расположены в элементе-обертке, но этот элемент не может иметь статическую высоту, ему нужно настроить себя на самый высокий дочерний элемент.

Мое решение включает в себя несколько простых JavaScript:

JS Fiddle

Я надеюсь, что некоторые из вас когда-нибудь найдут это полезным ...

Answer 1

Попробуйте этот пример: http://jsfiddle.net/rathoreahsan/Dyy4M/

Answer 2

я думаю, что было просто проще создать таблицу для этого конкретного случая ... с 1 строкой и 3 ячейками ... не на 100% правильно семантически, но я думаю, что лучше, чем пользовательский JavaScript для такой вещи ...

Answer 3

После того, как я оставил свой комментарий, я заметил, что у вас был четкий div:

<div class="clear" />

Я против использования разметки для решения проблем.Это можно сделать, добавив две строки CSS:

#wrap
{
    position: relative;
    border: 2px solid red;
    float:left; /* NEW LINE */
    width:100%; /* NEW LINE */  
}

http://jsfiddle.net/ajthomascouk/qqha2/5/