Centratura tramite posizionamento assoluto in CSS
Esiste un metodo astuto per centrare un elemento tramite il posizionamento assoluto. Si può fare in modo che l'elemento sia posizionato esattamente al centro della finestra del browser. Per fare ciò, non bisogna impostare le dimensioni dell'elemento e allo stesso tempo assegnare il posizionamento da tutti e quattro i lati:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Utilizzando il metodo descritto, crea un blocco
posizionato al centro dello schermo con un margine
da tutti i lati di 100px.
Utilizzando il metodo descritto, crea un blocco
con un margine superiore dal bordo dello schermo di 100px,
destro - di 200px, inferiore - di 50px,
e sinistro - di 10px.
