作用是清除元素的浮动，当一个元素的浮动属性被设置为clear:both时，它将不再受到其他元素的影响，而是被放置在文档流的最下方

clear:both的运用场景

clear:both的运用场景主要有以下几种：

1、当两个块级元素并排放置时，可以使用clear:both来清除浮动，以使得两个元素不会互相影响。

2、当一个块级元素中有多个内联元素时，可以使用clear:both来清除内联元素的浮动，以使得它们不会影响块级元素的布局。

3、当一个块级元素有多个子元素时，可以使用clear:both来清除子元素的浮动，以使得它们不会影响块级元素的布局。