身長100％はすべての親は私が私のページの下部に常に私のフッターを配置することができますので、100％であることを私の体の高さを設定しようとしている100％

Question

に設定されていても動作していません。しかし、私が何をしていても、私の体は完全なページを取り上げず、なぜ私は理解できません。 100％

ここ

ページがあります：html要素にも高さがhttp://learnvr.co/login.php

そして、私のCSS：

html, 
body { 
    margin:0; 
    padding:0; 
    height:100%; 
} 

Answer 1

があなたのentirePageクラスからposition: relative;を削除します。あなたはクラスentirepageのための位置を設定し

.entirePage { 
    min-height: 100%; 
} 

Answer 2

<div class="entirePage"> 

：

はこれを試してみてください。したがって、その上の空白が削除されます。

Answer 3

また、あなたのフッターを配置する絶対位置を使用することができます。

.footer { 
    position: absolute; 
    bottom: 0; 
} 

これは、他の利点があります：あなたのページが100vhよりも背の高い成長したら（原因コンテンツを追加する）、その後、あなたのフッターに「プッシュダウンされません"

Answer 4

は、あなたのフッターのCSSクラスで以下のスタイルを追加します。

マージントップ：350px;