# Absolute positioning

Places an element relative to the nearest positioned ancestor.

## What is `position: absolute`?

**Absolute** positioning takes an element out of the normal flow and places it relative to the nearest positioned ancestor.

```css
.product-card { position: relative; }
.sale-badge { position: absolute; top: 10px; left: 10px; }
```

Level: Apprentice · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/apprentice)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/absolute-positioning