How To Make A Container Fill Whole Screen Below The Navigation Bar In Ionic?

I want an iframe to fill all the space below the navigation bar. I see that Ionic is generating inline CSS and adding classes to html, body tags and it also creates div wrappers. I

Solution 1:

This CSS line solves problem for me:

.scroll{height: 100%;}

Solution 2:

I think this works better, since it adjusts to the content:

Wrap up the ion-nav-view inside ion-content and put this property in the ion-content tag

overflow-scroll="true"

Solution 3:

There is a class called .scroll in ionic.css, added height:100% to the local style to override it and it seemed to solve the problem for me.