Clearfix After Floating Elements With Pseudo Element

I have three floating div-containers but the clear-fix-solutions I found on other websites don't work. I think I am doing something wrong but don't know what. How do I write a cor

Solution 1:

A "clearfix" on an element applies to floats inside that element, and is designed to prevent the element from "collapsing" due to the floats.

You don't need a clearfix here. You're simply looking to clear the floats normally. A simple clear: left or clear: both on the element following the floats is enough.