Home/ Questions/Q 3804816
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T14:34:44+00:00

As I am designing a liquid layout all my width and height are in

  • 0

As I am designing a liquid layout all my width and height are in %. but while designing I have to see whats going on with my css so I gave height in pixels (temporarily) as that height (in %) will be filled from data from database.presently no database is designed. I cannot use pixels so i tried min-height property to see my css result.. but thats also not working.What sholud i do?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you use a % height, the height is calculated in relation to its parent container. This often trips people up as the following cannot reasonably be calculated:

    <body>
    <div style="height: 100%;">Hello World</div>
</body>

    We are asking the browser to render the div at “100%” – but the browser cannot apply this style as the body has no explicit height.

    To fix this, you need to give a height to the html and body, like this…

    html, body {
    height: 100%;
}

    This now gives the div a height to work to – which will essentially equate to the size of the view port.

    This applies to height and min-height.

    • 0