CSS通用Clear在CSS中，Clear是一个被广泛应用的属性。它的作用是将浮动元素的影响清除，让其下方的元素不再受到浮动元素的影响。Clear比较通用，适用于大多数场景下。Clear的取值Clear有四种取值：left、right、both和none。这里我们分别介绍它们的含义。1. left当一个元素设置了float:left;属性时，它会浮动到容器的左侧，而左侧还有其他元素。此时如果下方的元素也设置了float:left;属性，会导致它们重叠在一起，影响布局。这时就需要使用clear:left;清楚浮动。2. rightright与left类似，区别在于浮动元素浮动到容器右侧。3. both如果容器内同时存在左右两个浮动元素，可以使用clear:both;清除影响。both取值可以清除所有浮动元素的影响，不管它们在哪一侧。4. none如果元素不想使用Clear，可以将Clear的取值设置为none。这样元素下方的内容就会受到浮动元素的影响，可能导致布局不正常。使用示例下面是一个使用Clear的示例代码：预览：在这个示例中，左侧的灰色盒子和右侧的蓝色盒子都是浮动元素，它们会在容器内左右浮动。容器下方的红色盒子没有设置Clear属性，会被浮动元素遮盖；而绿色盒子设置了clear:both;属性，可以清除所有浮动元素的影响，正常显示在容器下方。总结通过设置Clear属性，我们可以有效的清除浮动元素对下方元素的影响，保证网页布局的正常显示。在实际应用中，Clear通常与float一起使用，是CSS基础知识之一。