首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使Container.height = Right_Column.height

使Container.height = Right_Column.height
EN

Stack Overflow用户
提问于 2011-08-31 01:14:44
回答 2查看 35关注 0票数 1

就是这么简单:)

我右边的列是动态变化的,因为左边列的高度设置为100%,所以我认为根据Right_Column的高度动态修改容器的高度会很好。有什么建议吗?谢谢:)

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-08-31 01:20:06

如果我没理解错的话,你可以这样做。

代码语言:javascript
复制
var h = $('#left').height();
$('#right').css('height', h + 'px');

示例:http://jsfiddle.net/jasongennaro/KrhAP/2/

这是你想要的吗?

编辑

根据你的评论,

只需将overflow:hidden;添加到

代码语言:javascript
复制
.container {
    width: 500px;
    background-color: yellow;
    overflow:hidden;
}

并将您的jQuery更改为以下内容,将其放入click()

代码语言:javascript
复制
$("button").click(function(){
    $("#right").html("adsd<BR>adsd<BR>adsd<BR>adsd<BR>adsd<BR>adsd<BR>adsd<BR>adsd<BR>adsd<BR>adsd<BR>adsd<BR>adsd<BR>adsd<BR>");

  var h = $('#right').height();
  $('#left').css('height', h + 'px');

});

注:在你换了小提琴之后,我也不得不把原来的#right#left换了。

示例2: http://jsfiddle.net/jasongennaro/wXyDq/2/

票数 2
EN

Stack Overflow用户

发布于 2011-08-31 01:59:58

代码语言:javascript
复制
$(document).ready(function({
    var x = $('#primary').height();
    $('#sidebar').css('height', x);
});

这对我很有效,希望能有所帮助。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7247127

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档