javascript - 我想动态让两个块等高

Question

比如说两个块元素我想让他们等高，其中任何一个高度变了，它们的高度会变为其中最高的那个！我用offsetHeight做了，他只有刷新页面才会变

Answer 1

可以参考张鑫旭的博客一文纯CSS实现侧边栏/分栏高度自动相等

Answer 2

如果想要改变高度那必须写相应的事件，才能进行改变，如果想要改变，那就写任意一个块元素的onchange的事件，然后判断是否最高高度发生改变，如果是，则改变两个块元素的高度。

Answer 3

你应该去想什么影响了高度的变化，然后在高度数值变化的时候同时改变两个p高度，而不是去监听其中一个p的变化，p是没有的resize事件的

Answer 4

要不写一个定时器检测p的宽度和高度有没有变，但是感觉这不是一个好方法

Answer 5

看这个插件。缺省每100毫秒检测一次高度，并自动调整为等高。代价是性能下降。

Answer 6

我看了别人哪些代码，都感觉蛮复杂的。我经常用的都是这样
<p class="content">
<p class="left"></p>
<p class="right"></p>

</p>

样式如下：
.content{display:table;width:100%}
.content p{ display:table-cell;}