How do I disable the margin at the bottom of an HTML page? I have made the background red so that it’s easy to see. I have an
iframe that is
90vh height and a navbar that is
10vh height. That is 100. However, if I keep scrolling long enough I encounter the body of the webpage. Why is this? I want the navbar to split the page with my iframe and there to be no extra space.
Note: This Repl is Python Flask but that part is inconsequential. I’m only looking at CSS as I already have the HTML and Flask the way I want it.
The HTML page
Some CSS it uses
Working demo of problem (just sroll to the end of the page and a little more)