How to stretch a div vertically exactly to the end of the screen?

Question

css

Hello.
There is a following task.
There is a div on the page. It should have the following properties:
1. Its height should stretch exactly to the screen visibility.
2. If the content of this div exceeds its height, then a scroll should appear.
Can you please tell me how to implement this?
Thanks in advance to all who respond.

Answer 1

Link to example
A if in a nutshell:

height: 100vh;
overflow: auto;
overflow-x: hidden // чтобы убрать горизонтальный скролл

Answer 2

https://jsfiddle.net/joomla/c06qnz0m/