CODEWITHSUNDEEP
htmlcss
Deeven
Deeven

Reputation: 443

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?

Upvotes: 1

Views: 102

Answers (2)

connexo
connexo

Reputation: 56773

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?

Upvotes: 1

Mehmet
Mehmet

Reputation: 227

Add border to see the differences.

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

When you done you can remove the line.

Upvotes: 2

Related Questions