爲身體和html設置高度爲100％的目的

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

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

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

在上面的CSS中，當我拿出身體和html的高度屬性時，似乎發生了某些事情，但我不明白是什麼。爲body和html設置高度爲100％的目的是什麼？爲身體和html設置高度爲100％的目的

來源

2016-11-19 Deeven

粘貼您的HTML代碼讓我們看看實際發生了什麼？ –

這個答案涵蓋了：[使用CSS'height'屬性和百分比值]（http://stackoverflow.com/a/31728799/3597276） –

如果您從html, body移除高度，則img.two { height: 50%; }不再具有參考高度。那麼應該是50％呢？

來源

2016-11-19 21:00:51 connexo

添加邊框以查看差異。

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

當您完成後，您可以刪除該行。

來源

2016-11-19 20:56:59 Mehmet

爲身體和html設置高度爲100％的目的

回答

相關問題