position absolute e relative 3

Position: absolute

Il posizionamento è sempre relativo al parente con position:relative più vicino!

Quindi annidando opportunamente elementi absolute dentro elementi relative è possibile ottenere impaginazioni particolari, anche complesse, pixel-precise.

Questo è un div posizionato in maniera assoluta, con top: 300px e left: 400px

Position: absolute dentro un position: relative

Ad esempio, il rettangolo qui sotto ha lo stesso css, ma è inserito in un elemento relative, cui abbiamo anche assegnato una height esplicita (altrimenti non si sarebbe visto, dato che contiene solo un elemento assoluto). Notate come venga anche coperto il precedente elemento.

Questo è un div posizionato in maniera assoluta, con top: 300px e left: 400px

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.