将车身和html的高度设置为100%的目的

Question

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

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

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

在上面的css中，当我取出body和html的高度属性时，似乎发生了一些事情，但我不明白是什么。将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;
}

当你做完你可以移除这条线。