Почему после флоатов выпадает весь последующий код?
Когда заменяю float на inline-block всё нормально, но я слышал, что лучше пользоваться float. Фон, который выделен красным должен быть в футере, но после флоатов он съезжает вверх, и текс, который я там пишу тоже..

По дате
По рейтингу
Запретить обтекание. clear:...;
Где ты слышал этот бред? Лучше использовать https://tuhub.ru/posts/flexbox-complete-guide, а float в СОВРЕМЕННОЙ верстке используется только для обтекания блока текстом - в полном соответствии со СТАНДАРТОМ CSS.
Чтобы не съезжало, ПОСЛЕ блока с float должен быть блок с clear: https://webref.ru/css/clear
А я слышал, что лучше float не использовать, это уже 10 лет как устарело.
потому что цифры неправельные в коде