フッターとヘッダーの間でdivを動的に編集する

Question

フッターとヘッダーの間にコンテンツ用のdivを追加したいとします。

ヘッダーとフッターの高さが変わることがあります。したがって、フッターやヘッダーの高さを参照する余白や余白は必要ありません。

他の言い方をすれば、私はcssプリプロセッサを使わずに一箇所でフッターやヘッダーのサイズを変更できるようにしたい。

私は多くの例を見てきましたが、すべてヘッダーまたはフッターの高さへの参照がハードコードされたを使用していました。私はこれらを望まない。。

これはまったく可能ですか？もしそうなら、私は知りたいです。ここで

私がやろうとしているものの例：

Answer 1

ヘッダー&フッターのフレキシボックスグリッドを使用して、彼らが拡大すると、彼らが必要との契約がありますが、する必要はありませんハードコードの高さ。