---
title: "Discussion on \"How to make a div the same height as the browser window\" | Hashnode"
description: "Discussion on \"How to make a div the same height as the browser window\". You might think that making a div element the same height as your browser would be as easy as this:\ndiv {\n    height: 100%;\n}\n\nHowever, it is unfortunately not. If you're wondering why height: 100%; doesn't work to make an element the full height of ..."
url: "https://hashnode.com/posts/how-to-make-a-div-the-same-height-as-the-browser-window/62c48c5b5527bf5d12a25f14"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How to make a div the same height as the browser window](https://fjolt.hashnode.dev/how-to-make-a-div-the-same-height-as-the-browser-window?utm_source=hashnode&utm_medium=feed)

You might think that making a div element the same height as your browser would be as easy as this: div { height: 100%; } However, it is unfortunately not. If you're wondering why height: 100%; doesn't work to make an element the full height of ...

Jul 5, 2022 · 1 min read · fjolt.hashnode.dev  
Read the article

-   [#web-development](https://hashnode.com/tag/web-development)
-   [#webdev](https://hashnode.com/tag/webdev)
-   [#tutorial](https://hashnode.com/tag/tutorial)
-   [#css](https://hashnode.com/tag/css)

## Written by

[Johnny](https://hashnode.com/@smpnjn)

@smpnjn

  
[View profile](https://hashnode.com/@smpnjn)

Product, Engineering, Web

## Responses 4

Markdown supported · ⌘↵ to post

[Tilak Jain](https://hashnode.com/@CodewithTilak)

[Jul 6, 2022](https://hashnode.com/posts/how-to-make-a-div-the-same-height-as-the-browser-window/62c48c5b5527bf5d12a25f14/comment/62c53ba66fd02568d1d28224)

Thanks for Sharing

[Saanvi](https://hashnode.com/@saanvi55)

[Jul 6, 2022](https://hashnode.com/posts/how-to-make-a-div-the-same-height-as-the-browser-window/62c48c5b5527bf5d12a25f14/comment/62c527365527bf5d12a26ff7)

Awesome...!! Thanks for sharing.

[richardoey](https://hashnode.com/@richardoey)

[Jul 6, 2022](https://hashnode.com/posts/how-to-make-a-div-the-same-height-as-the-browser-window/62c48c5b5527bf5d12a25f14/comment/62c517ed5527bf5d12a26d5f)

thanks for sharing this. I have a question, can 100vh dynamically follow the size of browser window?

[Developer Avocado](https://hashnode.com/@AvocaDEV)

[Jul 5, 2022](https://hashnode.com/posts/how-to-make-a-div-the-same-height-as-the-browser-window/62c48c5b5527bf5d12a25f14/comment/62c4a2316d73625bbffdd082)

This is awesome, thanks for sharing 👍