CSS: Force a column to always have full height
<p>I have the following html :</p>

<pre><code>&lt;div style="height: 80px"&gt;
   ...
&lt;/div&gt;
&lt;div class="container-fluid"&gt;
  &lt;div class="row"&gt;
    &lt;div class="col-xs-2 col1"&gt;...&lt;/div&gt;
    &lt;div class="col-xs-10 col2"&gt;...&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Both my col1 and my <code>col2</code> are currently having <code>height: auto;</code> However, my <code>col2</code> is always gonna be bigger than my <code>col1</code>.
I don't want my <code>col2</code> to have a specific height. However, I would like my <code>col1</code> to always be full height and so match whatever height <code>col2</code> has.</p>

<p>How can I achieve this in css/sass ?</p>