Answers for "Relatively position an element without it taking up space in document flow"

how to make a relative div not take up space

.div
{
    position: relative;
    bottom: 36px;  /* position the div */
    float: right;  /* you can choose left or right */
}

/* i hope this helped ^^ */

Relatively position an element without it taking up space in document flow

<div style="position: relative; width: 0; height: 0">
    <div style="position: absolute; left: 100px; top: 100px">
        Hi there, I'm 100px offset from where I ought to be, from the top and left.
    </div>
</div>

Relatively position an element without it taking up space in document flow

.box {
    position: relative;
    top: -30px; 
    margin-bottom: -30px;
}