javascript - 我想动态让两个块等高
PHP中文网
PHP中文网 2017-04-11 11:02:29
[JavaScript讨论组]

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

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(6)
大家讲道理

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

怪我咯

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

迷茫

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

PHP中文网

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

迷茫

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

ringa_lee

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

</p>

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号