jquery - 使 Container.height = Right_Column.height

标签 jquery css

就这么简单:)

我右边的列动态变化,由于左列的高度设置为 100%,我认为根据 Right_Column 的高度动态修改容器的高度会很好。有小费吗?谢谢:)

最佳答案

如果我正确理解了问题,你可以做这样的事情

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

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

这是你想要的吗?

编辑

根据您的评论,

只需将 overflow:hidden; 添加到

.container {
    width: 500px;
    background-color: yellow;
    overflow:hidden;
}

并将你的 jQuery 更改为这样,将其放置在 click()

$("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');

});

注意:在您更换 fiddle 后,我还必须从原来的 #right#left 切换。

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

关于jquery - 使 Container.height = Right_Column.height,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7247127/

相关文章:

javascript - 使用 JQuery 预加载图像以获得图像的主色

css - 输入按钮图像颜色

css - 不透明度低于 child 的容器

php - 从自定义转换主题 Drupal 中删除多余的背景

css - 外部 Div 不会拉伸(stretch)以适应内部 div(使用 clear)

javascript - Canvas 尺寸的奇怪行为

jquery - 如何向一个 jQuery 函数添加多个变量?

javascript - soundcloud API - 检测轨道是否不存在/SC.Widget.Events.ERROR

php - 使用 PHP 从数据库中预填充 token 输入文本框中的值

html - Center 2 div,中间有一张图片