bodyとhtmlの高さを100％に設定する目的

Question

<style> 
html, body { 
    height: 100%; 
} 

img.one { 
    height: auto; 
    width: auto; 
} 

img.two { 
    height: 50%; 
    width: 50%; 
} 
</style> 

上記のcssでは、bodyとhtmlのheightプロパティを取り出すときに何かが起きると思われますが、何が理解できません。 bodyとhtmlの高さを100％に設定する目的は何ですか？

Answer 1

html, bodyから高さを削除すると、img.two { height: 50%; }に基準の高さがもうありません。それは何の50％ですか？

Answer 2

境界を追加して相違点を確認します。

html, body { 
    height: 100%; /* Ex: Change it 100% to %75 */ 
    border: 2px solid red; 
} 

完了したら、行を削除できます。