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