Установить рост родителей на основе роста ребенка

Question

У меня есть структура, которую я хочу повторять с разным содержанием каждый раз. Вот код (для веб-версии скрипта):

<div id="1_0" class="lineblock"><div class="whosays"><span>CHARACTER:</span></div><div class="whatsaid"><span>Line...</span></div></div>

Содержимое <span> в whatsaid div изменяется. Иногда это заполнение вписывается в одну строку; иногда нет.
При использовании статических высот это выглядит как this .

Итак, я хочу изменить высоту lineblock div и whosays div в зависимости от того, насколько высоким должен быть whatsaid div.

Есть ли способ сделать это? Любой вид сценариев на самом деле не подходит в этом случае.
Я пробовал различные комбинации height:auto и height:100%, но ничего не получалось.

Заранее спасибо!

Answer 1

Ссылки Грэма, вероятно, более интересны, чем я использовал здесь.Тем не менее, это работает.Вы можете увидеть демо здесь: http://jsfiddle.net/uwf8U/1/

Answer 2

Div lineblock расширится до высоты любого содержимого внутри него.Это оставляет установку высоты whatsaid в качестве основной задачи.

По сути, у вас есть классическая проблема «Столбец равной высоты CSS», которая обсуждалась в нескольких местах.Проверьте следующие ссылки:

http://www.alistapart.com/articles/holygrail/

http://www.alistapart.com/articles/fauxcolumns/

http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks