Hello! I impose a page, and ran into a problem - div.player "floats" when changing the width of the browser (in the picture you see an unpleasant indent from below) enter image description here I tried position: absolute; bottom: 0; position: absolute; bottom: 0; , but again the problem: in this case, it covers the content of the page. I can't insert a snippet here, so here's the jsfiddle:

Script: https://fiddle.jshell.net/2hgL54ww/419/

View mode: https://fiddle.jshell.net/2hgL54ww/419/show/

  • great job .... have something to put your vote to - user33274
  • @ MaksimLensky Thank you! - Eugen Eray

1 answer 1

Do it right with css

 body { min-height: 100vh; display: flex; flex-direction: column; } .wrap { flex: 1 1 auto; }

Example here

  • It helped! True margin-top: -0.2%; I had to put on .vinylwheel due to the fact that the body now flexbox. - Eugen Eray
  • The main thing that helped. - Roman Tatarinov