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

Question

How can I relatively position an element, and have it not take up space in the document flow?

Answer 1

Add a margin equal to the pixels that you moved:

Example

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