How to use the clear attribute in CSS

This article introduces the relevant knowledge of "how to use clear attribute in CSS". In the operation process of actual cases, many people will encounter such difficulties. Next, let Xiaobian lead you to learn how to deal with these situations! I hope you can read carefully and learn something!

CSS clear property

definition and use

The clear attribute specifies which side of the element no other floating elements are allowed.

description

The clear attribute defines where floating elements are not allowed on an element. In CSS1 and CSS2, this is done by automatically adding an upper margin to the cleanup element (i.e., the element with the clear attribute set). In CSS 2.1, cleanup space is added above the margins on elements, while the margins themselves do not change. Either way, the end result is the same, if declared left or right cleared, the element's upper outer border will be just below the lower outer border of the floating element on that edge.

examples

Floating elements are not allowed on either the left or right side of the image:

img { float:left; clear:both; }

browser support

All major browsers support the clear attribute.

Note: The attribute value "inherit" is not supported in any version of Internet Explorer, including IE8.

possible values

TIY Examples

img { float:left; clear:both; }

"How to use the clear attribute in CSS" is introduced here. Thank you for reading it. If you want to know more about industry-related knowledge, you can pay attention to the website. Xiaobian will output more high-quality practical articles for everyone!