How to stretch a div 100% to display height?

Question

css

Hello.
Can you please tell me how to stretch a div by 100% according to the height of the display from which the user entered? It is the height of the display and not the height of the page. This is usually done on various landing pages. The first screen per page is rubbed tightly to the bottom of the display. Is it possible to do this without JS? If not, how is it done by scripts?

Answer 1

viewport units

Answer 2

html, body { height: 100%; }
.block { height: 100%; }

The logic is simple, the height can be set as a percentage, if all parent from html to the block itself set the height in%.

Answer 3

100vh?

Answer 4

Thanks for the help. Here is another article in Russian on vw / vh.