How to use pseudo elements to clear floats in html

This article mainly introduces how to use pseudo elements to remove floats in html. It is very detailed and has a certain reference value. Friends who are interested must read it!

Use pseudo elements to clear floats (: after, note: acts on the parent of floating elements)

(note: this method is mainly recommended)

.clearfix: after {content: ""; / * set content to empty * / clear:both;/* clear float * / display:block;/* to convert text to block-level element * / height:0;/* height is zero / visibility:hidden;/* hides the element * /} .clearfix {zoom:1 / * in order to be compatible with IE*/} the above is all the contents of the article "how to use pseudo elements in html to remove floats". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!