How to make div's percentage width relative to parent div and not viewport

Answer 1

Use position: relative on the parent element.

Also note that had you not added any position attributes to any of the divs you wouldn't have seen this behavior. Juan explains further.