To fix the issue of overlapping elements around our floated divs, we need to open up or clear the collapsed space around the floated divs. So, we want the float container to stretch up and accommodate the float items.

we’re going to use the best and most reliable method for clearing floats, which is called clearfix.

The clear fix method is a common technique for clearing floats, and as you get a better understanding of CSS layouts, you will see this technique being used a lot to clear floated elements on a page.