Автоматически расширять поля для заполнения контейнера?

Question

У меня есть следующий макет HTML:

div
|-- h3
|-- ul
    |-- li
    |-- ...
    |-- li

Фиксированная высота div.Я бы хотел, чтобы li заполнили всю высоту div.Чтобы сделать это вручную, я могу настроить margin-bottom, но это для динамического контента, так что об этом не может быть и речи.

Есть идеи?

Спасибо!

Answer 1

Единственный способ, которым я могу придумать, - это использовать блочную модель CSS3 (flexbox), которая не очень хорошо поддерживает.

Довольно хорошее руководство можно найти здесь и решение js для реализации в старых браузерах можно найти здесь (я еще не тестировал его, нашел его в комментариях к сообщению в блоге выше.

Редактировать - еще одно руководство здесь