title: Width and Height 100percent is not working
body: <p>Lets say i have two divs</p>
  
  <pre><code>&lt;div class="1"&gt;
      &lt;div class="2"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Div 1 have this style</p>
  
  <pre><code>width: calc(100% - 22rem);
  min-height: calc(100% - 7.75rem);
  </code></pre>
  
  <p>How can i set div 2 to same size as div1?
  Because <code>width:100%</code> and <code>height:100%</code> wont work</p>