21. Co oznacza 'float' w CSS i jakie są potencjalne problemy z jego użyciem?

Właściwość float pozwala na przesunięcie elementu w lewo lub w prawo względem innych elementów, umożliwiając oblewanie go przez tekst lub inne elementy. Chociaż float jest użyteczny do tworzenia układów, może powodować problemy z układem strony, takie jak "przepływanie" elementów rodzica, jeśli nie jest odpowiednio wyczyszczone.

/* Przykłady */
.float-left {
    float: left;
    width: 50px;
    height: 50px;
    background-color: red;
}

.float-right {
    float: right;
    width: 50px;
    height: 50px;
    background-color: blue;
}

/* Clearfix */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}