title: Is there a better way to accomplish this seemingly simple three-column layout?
body: <pre><code>&lt;div class="row"&gt;
      &lt;div class="column fixed"&gt;&lt;/div&gt;
      &lt;div class="column flexible"&gt;&lt;/div&gt;
      &lt;div class="column fixed"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Where .column.fixed are both of a fixed width and column.flex is the full width between those.</p>
  
  <p>The only way I know is using positioning, but I'm wondering if it can be done using <code>display: table-cell</code>.</p>
  
  <p>Codepen: <a href="http://codepen.io/bernk/pen/leCxm" rel="nofollow">http://codepen.io/bernk/pen/leCxm</a></p>