title: HTML / CSS div :: Why does height: auto = 0?
body: <p>I work on a web page and, dealing with dynamic content, set the <code>height</code> of a <code>div</code> to <code>auto</code>. I know it is wrong to think that the <code>div</code> would just automagically expand its <code>height</code> to the content that will populate it. Still, this is not entirely a rhetorical question, but I do not understand why, in this case <code>auto</code> equals <code>0</code>.</p>
  <p>Why bother with <code>auto</code> in the first place?</p>
  <p>Aside from CSS <code>flexbox</code> or <code>grid</code>, what would be a simple approach to avoid a zero-height div, when I don't know how much (or little) text will ultimately reside in it?</p>