Esempio pratico di utilizzo della proprietà per il posizionamento statico.
Di seguito viene mostrato anche il codice CSS completo.
Esempio:
div#box-1{
position:static;
}
div#box-2{
position:static;
}
div#box-3{
position:static;
}
Codice CSS:
div#box-1{
position:static;
border:solid;
padding:0.4em;
background-color:#eee;
color: #900;
width:500px;
}
div#box-2{
position:static;
border:solid;
padding:0.4em;
background-color:#eee;
color: #900;
width:500px;
}
div#box-3{
position:static;
border:solid;
padding:0.4em;
background-color:#eee;
color: #900;
width:500px;
}
In questo esempio è possibile notare come attraverso l'utilizzo della proprietà position:static è possibile disporre i tre box uno di seguito all'altro in verticale. La distanza che li separa è stabilità dai valori che vengono assegnati ai margini.
È bene precisare che pur non applicando la proprietà position:static ai tre box è possibile ottenere lo stesso risultato. Ciò si verifica perchè la normale disposizione degli elementi di blocco prevede la successione verticale degli stessi.