How to clear floats in css

This article mainly introduces how to remove floats in css, which has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand.

Method 1:

# test {clear:both;} / * # test is the next sibling element of the floating element * /

Method 2:

# test {display:block;zoom:1;overflow:hidden;} / * # test is the parent of the floating element. Zoom:1 can also be replaced with a fixed width or height * /

Method 3:

# test {zoom:1;} # test:after {display:block;clear:both;visibility:hidden;height:0;content: ";} / * # test is the parent element of the floating element * / Thank you for reading this article carefully. I hope the article" how to remove floats in css "shared by the editor will be helpful to you. At the same time, I hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!