There are several common methods to clear floating effects, and several methods to clear floating Effects

There are several common methods to clear floating effects, and several methods to clear floating Effects

This is a common operation in css. Although there is no technical content, it can also be used as a review.

1. Add overflow to the parent element: hidden can clear floating;

2. Add the after pseudo class to the parent element and define its style as follows:

This method is highly recommended;

3. Add a meaningless sub-tag at the end of the parent container, and then add the css style to the sub-Tag: clear: both. This method will make html code redundant, although the industry will give it a class named clearfix by default to tell everyone that this label is specifically used to clear floating. However, it is unnecessary and not recommended.