Html 设置父项';s基于儿童的身高';s

Html 设置父项';s基于儿童的身高';s,html,css,equals,Html,Css,Equals,我有一个结构,每次我都想用不同的内容重复。以下是代码(用于脚本的Web版本): 字符:行。。。 whatsaiddiv中的的内容会更改。有时它会在一条线上填充;有时不会。使用静态高度,看起来像 因此,我想根据whatsaiddiv需要的高度来更改lineblockdiv的高度和whoshaydiv的高度 有办法做到这一点吗?在这种情况下,任何类型的脚本都不是真正的选项。 我尝试了各种组合的height:auto和height:100%,但都没有效果 提前感谢行块div将扩展到其内部任何内容的高

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

字符:行。。。
whatsaid
div中的
的内容会更改。有时它会在一条线上填充;有时不会。
使用静态高度,看起来像

因此,我想根据
whatsaid
div需要的高度来更改
lineblock
div的高度和
whoshay
div的高度

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


提前感谢
行块div将扩展到其内部任何内容的高度。这使得设置
whatsaid
div的高度成为主要挑战

基本上,这里有一个经典的“CSS等高列”问题,正如在几个地方讨论过的那样。查看以下链接:


格雷厄姆的链接可能比我在这里使用的链接更有趣。然而,这是可行的。您可以在这里看到一个演示:

我假设在您重复顶层div上的行时id会发生变化?@Endophage是的,它的设计目的是让我跳到特定的行。哇!太棒了。在标记如此之少的情况下,这是如何工作的?实际上,我并没有增加“whosayd”div的高度。我使用主容器的背景色来模拟两列。
<div id="1_0" class="lineblock"><div class="whosays"><span>CHARACTER:</span></div><div class="whatsaid"><span>Line...</span></div></div>