CSS Float. Proprietatea clear. Valori clear: none, left, right, both, inherit.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Proprietatea clear specifică ce elemente pot pluti (float) lângă elementul șters și pe ce parte.
Proprietatea clear poate avea una dintre următoarele valori:
- none - Permite elemente plutitoare de ambele părți. Aceasta este implicită.
- left (stânga) - Nu sunt permise elemente plutitoare în partea stângă.
- right (dreapta) - Nu sunt permise elemente plutitoare în partea dreaptă.
- both (ambele) - Nu sunt permise elemente plutitoare nici pe partea stângă, fie pe partea dreaptă.
- inherit (mostenirea) - Elementul mosteneste valoarea clara a parintelui său.
Cel mai obișnuit mod de a utiliza proprietatea clear este după ce ați utilizat o proprietate float pe un element.
Când ștergeți floats, ar trebui să potriviți clear cu float: Dacă un element este float la stânga, atunci ar trebui să ștergeți la stânga. Elementul float va continua să plutească, dar elementul șters va apărea sub el pe pagina web.
Următorul exemplu șterge float spre stânga. Înseamnă că nu sunt permise elemente flotante pe partea stângă (din div):
Exemplu:
div {
clear: left;
}
Rezultat: