html - 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';

注意这只是一个模型，可以根据您的需要进行定制。