Bootstrap modal body max height 100%

Question

I have a custom sized (80% height width) bootstrap modal body and it scrolls (body content will overflow on some sized screens)

There are 2 problems:

1. I

Answer 1

Make the html and body elements fill the window:

html, body { height: 100%; }

Now you can use max-height: 100% on the element inside body, and it will be 100% of the window as the body element now is the size of the window.