html - 根据 child 的高度设置 parent 的高度

Question

我有一个结构，每次都想用不同的内容重复。这是代码(对于脚本的 Web 版本):

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

<span>的内容在whatsaid分区变化。有时它会填充在一行上；有时不是。
使用静态高度，它看起来像this .

所以，我想更改 lineblock 的高度div 和 whosays div 基于 whatsaid 的高度div 需要。

有没有办法做到这一点？在这种情况下，任何类型的脚本都不是真正的选择。
我试过 height:auto 的各种组合和 height:100% , 但没有任何效果。

提前致谢!

Answer 1

Graham 的链接可能比我在这里使用的更有趣。然而，这是可行的。你可以在这里看到一个演示:http://jsfiddle.net/uwf8U/1/