Home/ Questions/Q 9126887
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T07:09:23+00:00

As far as I know, when using css percentage for properties value for an

  • 0

As far as I know, when using css percentage for properties value for an relative element, this element checks the value of its parent and adjust the size based on this parent size.

What is the scenario for absolute elements?
I was looking through a css file and I found this:

html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}

Is this ok to have percentage on absolute elements to get its browser width and height?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    When an element has position:absolute, the width and height percentages are calculated based on the whole browser dimensions.

    See below code:

    <html>
    <head>
        <style>
            #a {
                position: absolute;
                width:50%;
            }
        </style>

    </head>
    <body onload="alert(document.getElementById('a').offsetWidth);">
        <div style="width:200px;">
            <div id="a">Hello</div>
        </div>
    </body>
</html>

    Even though the width of parent div is only 200px, the element displays half of the browser width.

    Once I change it to position:relative;, the alert will say 100.

    • 0