title: How to make a container fill whole screen below the navigation bar in Ionic?
body: <p>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 don't know what is the intended way to achieve what I want. Do I need to use some pre-made CSS class for this, or write my own? If so, how should I do that, to not break the layout.</p>
  
  <p>The question is not really about iframe, it is about getting a container fill the whole space below the navigation bar.</p>
  
  <p>At the moment iframe takes full width but only 150 pixels of height, because the parent container has 150px height.</p>
  
  <p>My application is based on the  (<a href="https://github.com/driftyco/ionic-starter-tabs" rel="noreferrer">tabs application from github</a>).</p>
  
  <p>My code is below:</p>
  
  <p><strong>index.html:</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"&gt;
      &lt;title&gt;&lt;/title&gt;
    &lt;/head&gt;
    &lt;body ng-app="starter"&gt;
      &lt;ion-nav-bar class="bar-stable"&gt;
        &lt;ion-nav-back-button&gt;
        &lt;/ion-nav-back-button&gt;
      &lt;/ion-nav-bar&gt;
      &lt;ion-nav-view style="width: 100%; min-height: 100%; height: 100%;"&gt;
          &lt;!-- tab-map is shown here: --&gt;
      &lt;/ion-nav-view&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>tab-map.html:</strong></p>
  
  <pre><code>&lt;ion-view view-title="Map" style="width: 100%; min-height: 100%"&gt;
    &lt;div style="width: 100%; min-height: 100%"&gt;
      &lt;ion-content class="padding" &gt;
        &lt;iframe src="../index.html" style="width: 100%; min-height: 100%"&gt;    
        &lt;/iframe&gt;
      &lt;/ion-content&gt;
    &lt;/div&gt; 
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>At the moment it looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/TR9cw.png" alt="At the moment it looks like this"></p>