How to make a div adjust to the height of the browser window?

F

fedorenko_k2015-10-12 00:51:37

css

fedorenko_k, 2015-10-12 00:51:37

Hello.
While I was creating the landing page in Adobe Muse, everything was fine, all pages stretched at height: 100vh , but as soon as I transferred everything to the site... The pages stopped stretching to full screen, only the last one stretched for some reason.
Website: https://loader.space/ (not advertising).
Please see if you can help.

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

L

littleguga, 2015-10-12
@fedorenko_k

Because of floats, everything has gone wrong for you. clearfixes are placed crookedly. You have a "page"/step block - float: left, but without clearfix, and a lot of things are nested inside it. + 100vh will not help, because for each such block the height is calculated by the script and assigned to the element. And they move up because of curved floats.