CSS Flottaggio (Flottaggio)

L'attributo float CSS specifica se la scatola dovrebbe flottare. L'attributo float è una proprietà di posizionamento. Viene utilizzato per spingere un elemento a sinistra o a destra, permettendo ad altri elementi di circondarlo, generalmente utilizzato per immagini e layout.　　　

elementi flottanti CSS

Puoi far flottare un elemento a sinistra o a destra, ma solo per gli elementi che non sonoposizionato assolutamenteelementi della scatola. Gli elementi che seguono l'elemento flottante fluttueranno intorno a esso.

L'attributo float può avere uno dei tre valori seguenti:

Come flotta l'elemento

L'elemento flottante verrà rimosso dal flusso normale e spostato il più possibile a sinistra o a destra all'interno dello spazio disponibile dell'elemento contenitore.

a meno che il flussoclearL'attributo impedisce al flusso di altri elementi, altrimenti altri elementi solitamente si muoverebbero intorno al flusso flottante. L'elemento flotta orizzontalmente, il che significa che l'elemento può flottare solo a sinistra o a destra, non verso l'alto o verso il basso.

img　{
　　　　float:　left;
}

Se più elementi flottanti sono posizionati consecutivamente, si muoveranno fianco a fianco se c'è spazio orizzontale. Se non c'è abbastanza spazio per accogliere il flusso, viene spostato verso il basso fino a quando si adatta o non ci sono più flussi.

.thumbnail　{
　　　　float:　left;
　　　　larghezza:　125px;
　　　　altezza:　125px;
　　　　margin:　10px;
}

Chiudi il floating utilizzando la proprietà di rimozione (Clear)

L'elemento successivo all'elemento flottante si muoverà intorno a esso. La proprietà clear specifica quale lato della scatola dell'elemento non può avere altri elementi flottanti.

.clear　{
　　　　clear:　left;
}