title: css position: relative; stick to bottom
body: <pre><code>&lt;body style="min-height:2000px;"&gt;
      &lt;div id="test" style="position:relative;bottom:0;"&gt;
           some dynamically changed content
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>What do i expect:</strong><br>
  -If <code>#test</code> height is greater or equal to body's it should stick to bottom (as it happens now cuz of block model)<br>
  -If <code>#test</code> height is less than body's it should however stick to bottom, having white space above it. (which doesn't happen, <code>#test</code> doesn't stick to bottom).</p>
  
  <p>-Using <strong>position:absolute is not acceptable</strong> as then <code>#test</code> will not influence body height when <code>#test</code> is higher than body.<br>
  -Using <strong>position:fixed is not acceptable</strong> as then <code>#test</code> will stick to bottom of window, not body.</p>
  
  <p>Q: Can I get what I expect <b>using css only</b>? How?</p>
  
  <p>Sorry for poor English, however I think the question is easy to understand.<br>
  Thank you.</p>
  
  <p>P.S.: I need that in css because some dynamically changed content is changed via js and I want to avoid recalculating <code>#test</code> div position each time it changes.</p>
  
  <p><strong>UPD:</strong></p>
  
  <p>I've also tried some <code>display:inline-block; vertical-align:bottom;</code> stuff still no result.</p>
  
  <p><strong>UPD2:</strong></p>
  
  <p>Thank you guys, still it seems, that easiest way is just to add a couple of lines to my javascript to recalculate body height on <code>#test</code> height change.</p>