title: CSS - Absolute positioned element at the end of parent without knowing it's height?
body: <p>Let's say we have such html</p>
  
  <pre><code>&lt;div class="at-end-holder"&gt;
     Lorem ipsum dolor sit amet...
    &lt;img src="http://placehold.it/350x150" class="at-end"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And we want <strong>top edge of image to stick with bottom edge of it's parent.</strong></p>
  
  <p><strong>If</strong> we'd know image height (let's say its 150px), then we can just set <code>bottom: -150px</code>. But what if we dont know it's height? </p>
  
  <p>I <strong>don't</strong> want to use <strong>js</strong>. I mean - <strong>I don't.</strong></p>
  
  <p><a href="https://jsfiddle.net/z74bqj6m/1/" rel="nofollow">Here</a> is some playground. Bottom case looks exatcly as needed, but I assumed there I know image height.</p>