css&javascript等高的问题
大家讲道理
大家讲道理 2017-04-11 11:01:15
[JavaScript讨论组]

比如说两个块元素我想让他们等高,其中任何一个高度变了,它们的高度会变为其中最高的那个!我用offsetHeight做了,他只有刷新页面才会变
然后我用父级overflow:hidden
两个块分别margin-bottom:-10000px;padding-bottom:10000px;
但是问题来了:
效果可以实现但是两个块无法加上底边框!因为父级overflow:hidden了!里面的文字也不能垂直居中 line-height是失效的;有什么其他的方式可以处理????
//

  • a
  • b

//
<下面是我刚开始用js做的,有问题,看看有什么地方要改进的,或者看看有什么其他方式>

function $(id){ return document.getElementById(id) ;} ;
function getHeight(){ 
 if($("seller").offsetHeight>=$("cont").offsetHeight){
        $("cont").style.height=$("seller").offsetHeight + "px";
    }
    else{
        $("seller").style.height=$("cont").offsetHeight + "px";
    }    
    
}

getHeight()
大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(2)
怪我咯

首先请把你提问中的代码整理好。

你的代码写的有如下错误,请你认真阅读jQuery文档。

  • id选择器的使用方法是:

$('cont');  // 错误
$('#cont'); // 正确
  • jQuery对象不具有style属性和offsetHeight属性

$('#seller').offsetHeight; // 错误
$('#seller').height();     // 正确

这些错误应当会在你的浏览器控制台有所提示,请你认真检查。
希望对你有帮助。

前面的写错了

如果你是要在高度发生变化的时候另一个随之改变,那么你需要监听它的变化,每当变化都执行getHeight,而不是只执行一次。

至于如何监听,要看具体是什么操作引起你的块高度变化的。

ringa_lee

为什么要设置这么大的边距?

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

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