float

La proprietà float imposta il posizionamento di un elemento permettendo di creare elementi affiancati. La sintassi base è la seguente:

div.LivelloA
{
    float: Left;
    width: 150px;
}
div.LivelloB
{
    float: Left;
    width: 550px;
}

Affianca i due livelli, A e B (che altrimenti andrebbero a capo), dimensionandoli con il supporto dell'elemento "width" che è indispensabile quando si utilizza "float".

I valori che può assumere sono i seguenti:

• None - valore di default che non imposta alcun posizionamento con questo elemento;
• Left - l'elemento HTML si sposta sulla sinistra dell'elemento accanto;
• Right - l'elemento HTML si sposta sulla destra dell'elemento accanto.

Questa tecnica è utilizzata per la creazione di layout a colonne senza tabelle, come spiegato nell'articolo CSS Creazione di un layout senza tabelle e nella lezione del corso di Webdesign Tecniche di design: layout e livelli.