は、ウェブサイトの構造は、以下になり

Question

ウェブサイトの画面サイズからの高さが不足します：

3）キャンバス嵌合欠落画面サイズ

2）ナビゲーションバー

1）Topbar）ボトムバー

---

私の問題は次のとおりです。不足しているキャンバスの画面サイズ。たとえば、ユーザがサイトを開くと、トップバーにheight css属性が含まれています。46px、navbarにはheight,46px、下位バー：46pxがあります。

赤の領域をマークし、私が画面を埋めるために必要な不足しているサイズである：私はHERESにスクリーンショットは、全体の不足している画面に合わせて、100％から欠落している画面サイズを取得する方法を

。

---

誰かが私を助けてくれることを願っています。

Answer 1

あなたが探しているものはvhだと思います。 .contents{width: 100%; height: calc(100vh - 92px)}

よう

何かがあなたがヘッダーとフッターの92pxを引き算した後、残りのページの100%にdiv要素を設定しますhttps://jsfiddle.net/sxh0n7d1/49/

例を参照してください。