if you place a div on the page in it’s default or static position. Then it would appear in the upper left corner. If you put position:relative on it you can then use top: and left to place it outside of it’s normal position. Why use position:relative? why not just use margins to move the box where you want so instead of
{ position:relative; top:100px; left:300px; }
use this instead
{ margin-left:300px; margin-top:100px;
