Bootstrap自动高度面板

Question

我有3个面板（见图）

Panel1的高度根据内容改变高度。 Panel2具有固定的高度。 我的问题是：我希望Panel3像height = panel1.height - panel2.height

这样的“完美”高度

但我不知道我该怎么做。

Answer 1

尝试这样的事情 -

使用javascript

var panel1Height = document.getElementById('panel1').clientHeight;
var panel2Height = '20';
var panel3Height = panel1Height - panel2Height;
document.getElementById("panel3").style.height= panel3Height + 'px';

注意 这只是一个模拟，根据您的需要定制它。

Answer 2

此框架在height行中完成工作..如果您添加动态内容，则始终会自行调整

框架：https://github.com/mattbanks/jQuery.equalHeights 代码：https://codepen.io/micahgodbolt/pen/FgqLc