I have a div like this. <div> … </div> I want its height to

Question

Asked: May 25, 20262026-05-25T20:56:28+00:00 2026-05-25T20:56:28+00:00

I have a div like this.

<div> ... </div>

I want its height to be the height of the view port (not of the page)

is it possible to do this via CSS or do I have to write some javascript ?

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-05-25T20:56:29+00:00

Yes, it’s possible. CSS percentage height will work as long as the parent element has a height defined. Assuming this is your markup:

<html>
  <body>
    <div></div>
  </body>
</html>

This CSS will cause the <div> to have the full height of the viewport:

html, body, div {
  height: 100%;
}

If you wanted the <div> to expand with its content, the CSS would change as follows:

html, body {
  height: 100%;
}

div {
  min-height: 100%;
}

The Archive Base Latest Questions