使用javascript缩放div以填充侧边栏中的剩余空间

我花了最后一个小时寻找我想做的事情的例子，但我似乎找不到

基本上我有一些内容和侧栏。内容称为

“ThreePost”

，侧边栏中有三个div“interchange”、“sidebar2”和“pujoin”。基本上，我希望“pujoin”div调整大小并填充内容高度与侧边栏高度之间的差异

像下面这样

(height of threeposts) - (height of interchange) - (height of sidebar2) = height of pujoin

我想在页面加载后使用javascript完成这项工作。任何帮助都很好，谢谢。这是我目前掌握的代码

$(document).ready(function () {

var main = $("#threeposts").height();
var tone = $("#interchange").height();
var ttwo = $("#sidebar2").height();

$(window).resize(function () {
$('#pujoin') .css({'height': main - tone - ttwo + 'px'});
alert('resized');
});
});

---

CSS3 Flex布局可以帮助您实现这一点，但代价是跨浏览器操作。

---

试试看：

谢谢，但我已经建立了一个完整的网站，我不会重新设计它，因为我只需要使用一点JavaScripts。它们似乎也没有完全实现，而且在采用的最初阶段只有非常新的浏览器。出于好奇，你已经拥有的javascript有什么问题吗？如果你想得到别人的帮助你，显然你需要提供更多的信息，请阅读规则。告诉我“它不起作用”真的对任何人都没有帮助。。。祝你好运