title: css to force child div to the bottom of dynamically sized parent div
body: <p>I tried searching existing solutions on stackoverflow but nothing worked for me.</p>
  
  <p>I am using the visual composer plugin and I have created a parent div which contains a wallpaper picture. I have used the following css to make the picture stretch on all screen sizes.</p>
  
  <pre><code>.backgroundHome
  {
      background: no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  
  
  } 
  </code></pre>
  
  <p>This css works perfect for me but now I have created a new inner line within the parent (aka child div) that I want to force to the bottom of the parent div. I only want to do that when the page loads but when you scroll the child div must scroll as well with the rest of the page. Please bear in mind that the parent's height is dynamically generated based on the screen size hence setting the parent and child to position absolute and fixed didn't work</p>