title: Bootstrap modal body max height 100%
body: <p>I have a custom sized (80% height width) bootstrap modal body and it scrolls (body content will overflow on some sized screens)</p>
  
  <p>There are 2 problems:</p>
  
  <ol>
  <li>I can't set the max-height to 100% as that will be 100% of the entire document instead of the max height of the container, which is what i need for scrolling to work properly.</li>
  <li>If there is a div with a fixed height inside the modal body at the very end, it will overflow outside of the modal if the screen is not big enough for the content.</li>
  </ol>
  
  <p>How would I fix this? I'm currently experimenting with negative margins but i'm not too familiar with it.</p>
  
  <p>JavaScript solutions are acceptable (jQuery is available as is backbone.js)</p>
  
  <p>Thanks</p>
  
  <p>Edit: Screenshot provided</p>
  
  <p><img src="https://i.stack.imgur.com/0iYNT.png" alt="enter image description here"></p>
  
  <p>Edit 2: More screenshot</p>
  
  <p><img src="https://i.stack.imgur.com/YyVAn.png" alt="enter image description here"></p>