CSS Studio

Interactive Learning

Pro Tip

Use the Inspector tool to debug your layouts visually.

Position & Display

Position Mode

Position Property

Top20px

Left20px

Static is the default. Top/Left have no effect.

Live CSS Editor

Editable

Scrollable Viewport (Parent)

Relative Parent

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Following is the target box.

I am static

(More content below to allow scrolling...)

Scroll down to test "Fixed" or "Sticky".

Notice how "Absolute" stays inside this dashed box (if parent is relative), while "Fixed" ignores the box and aligns to the window.