Question

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

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

<span> div中whatsaid的内容发生了变化。有时它适合在一条线上;有时不会。
使用静态高度，它看起来像this。

所以，我想根据lineblock div需要的高度来更改whosays div和whatsaid div的高度。 < / p>

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

提前致谢！

Answer 1

lineblock div将扩展到其中的任何内容的高度。这使得whatsaid div的高度成为主要挑战。

基本上你所拥有的是经典的“CSS Equal height column”问题，正如在几个地方讨论的那样。请查看以下链接：

Answer 2

格雷厄姆的链接可能比我在这里使用的链接更有趣。但是，这是有效的。您可以在此处查看演示：http://jsfiddle.net/uwf8U/1/