引導自動身高面板

Question

我有3個面板（見圖）

Panel1的高度變化基於內容的高度。 Panel2有固定的高度。 而我的問題：我要爲Panel3一個「完美」的高度像height = panel1.height - panel2.height

但我不知道我怎麼能做到這一點。

Answer 1

嘗試像this--

使用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