title: Positioning a div inside a div without affecting layout
body: <p>I have a <code>div</code> (<code>div1</code>) that has its position, width, height, everything all set, and it is set externally, so I can't know ahead of time what those values are.</p>
  
  <p>Inside and at the top of <code>div1</code> is another <code>div</code> (<code>div2</code>). I want <code>div2</code> to float on the right of <code>div1</code> without affecting the following information in <code>div1</code>.</p>
  
  <p>I can add the attribute <code>position:absolute</code> and get <code>div2</code> to float and not affect the contents, however, I cannot get it to float on the right, even when applying <code>float:right</code>.</p>