Deeven Deeven - 14 days ago 6
CSS Question

purpose of setting height to 100% for body and html

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

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

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


In the css above, when I take out the height property of body and html something seems to happen but I don't understand what.
What is the purpose of setting the height to 100% for body and html?

Answer

If you remove the height from html, body then img.two { height: 50%; } has no reference height any more. 50% of what should it then be?

Comments