10

我有两个 DIV:一个 DIV 根据浏览器动态更改大小(响应式设计),我希望另一个 DIV 根据第一个 DIV 的高度修改其高度。我认为最简单的方法是使用 JQuery 动态更改高度。

我尝试了以下方法:

$('section#div2').css({height:$(this).css('height').replace($('section#div1 div.div1_container').height()+'px')});

但是,该代码不起作用。该工作的各种其他版本也没有。

我的问题是:如何在不更改给定元素的所有属性的情况下替换单个 CSS 属性?

编辑:这就是动态第一个 DIV 的编码方式......

首先是第一个 DIV 的容器:

position: relative;
padding-bottom: 50%;
padding-top: 30px; height: 0; overflow: hidden;
margin:0 0.7em 0 0.7em;

然后,该容器内的内部对象(可能不相关):

position:absolute;
top:0;
left:0;
width:100%;
height:100%;
4

2 回答 2

8
$('section#div2').css('height', $('section#div1').height()+'px');
于 2012-06-06T02:32:35.753 回答
2

用这个:

$('section#div2').height($('section#div1').height());
于 2012-06-06T02:35:18.417 回答