Do posicionamento CSS para Tailwind

position:absolute → absolute. Lados mapeiam para top/right/bottom/left. z-index custom → arbitrário.

O posicionamento segue regras simples: position:absolute dá absolute e cada desvio ganha o utilitário do lado correspondente. Valores de z-index fora da escala passam para notação arbitrária. As armadilhas reais estão noutro sítio, no sticky, no contexto de empilhamento e nos overflows cortados, que devem ser testados no browser.

position e offsets

position:absolute → absolute; top/right/bottom/left mapeiam para inset-* ou top-* quando batem com a escala.

z-index

z-index comuns → z-10 / z-50. Valores de marca raros → z-[…].

Sticky e stacking

sticky + overflow em ancestrais continua armadilha clássica: verifique o stacking context após converter.

Experimentar

Abrir conversor

.example { display: flex; gap: 1rem; padding: 1rem; }

Nota de confiança: verifique o resultado visualmente. O conversor é um rascunho para developers.