Web_Designer Web_Designer - 1 year ago 58
CSS Question

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

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

Answer Source

What you're trying to do sounds like absolute positioning. On the other hand, you can, however, make a pseudo-relative element, by creating a zero-width, zero-height, relatively positioned element, essentially solely for the purpose of creating a reference point for position, and an absolutely positioned element within that:

<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.
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download