首页 > 我想动态让两个块等高

我想动态让两个块等高

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


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

</div>

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


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


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


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


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


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

【热门文章】
【热门文章】