Aliniere CSS. Aliniere stânga și dreapta - Folosire float. Hack-ul clarifix.

Susține Lectii-Virtuale!

Aliniere stânga și dreapta - Folosire float

O altă metodă pentru alinierea elementelor este utilizarea proprietății float:

Exemplu:

.right {
  float: right;
  width: 300px;
  border: 3px solid #73AD21;
  padding: 10px;
}

Notă: Dacă un element este mai înalt decât elementul care îl conține și este float, acesta se va revărsa (overflow) în afara containerului său. Puteți utiliza hackul „clearfix” pentru a remedia acest lucru (a se vedea exemplul de mai jos).

The clearfix Hack



Apoi putem adăuga overflow: auto; la elementul conținut pentru a remedia această problemă:

Exemplu:

.clearfix {
  overflow: auto;
}