title: Make a <textarea> fill remaining height
body: <p>I learned from <a href="https://stackoverflow.com/questions/8555820/set-div-to-remaining-height-using-css-with-unknown-height-divs-above-and-below">this question</a> how to make an HTML element fill the remaining height of a container. But it doesn't seem to be working with <code>&lt;textarea&gt;</code>. This Fiddle compares the effects of <code>display: table-row</code> on a <code>&lt;textarea&gt;</code> and a <code>&lt;div&gt;</code>:</p>
  
  <p><a href="http://jsfiddle.net/b4Tt8/2/" rel="noreferrer">http://jsfiddle.net/b4Tt8/2/</a></p>
  
  <p>Why the difference, and how can I get the appropriate effect on the textarea?</p>