Home/ Questions/Q 8564979
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T17:19:06+00:00

I don’t want to set body ‘s height explicitely and set child div s’

  • 0

I don’t want to set body‘s height explicitely and set child divs’ height in percents. 

<!doctype html>
<html>
<body>
    <div style="height:10%">
        fdjfdkjl
    </div>
    <div style="height:90%">
        dsds
    </div>
</body>
</html>

However, this doesn’t work. Why? In the specs there is description of behavior:

When the percent notation is used height of the element is calculated
relatively to height of the parent. If the parent is doesn’t set
explicitely the browser’s window is used.

Okay, I can set 100% to the body, but this is doesn’t work too: its height is just wrapping the content. Why browser’s window is not used?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As @MattK said,

    html, body { height: 100%; }

    solves the problem. I think this approach works because divs’ and body‘s parents have defined sizes. html hasn’t a parent and the window’s height is used.

    • 0