css中clear的用法

在CSS中，clear属性用于控制元素的浮动行为。

clear属性有以下几个可能的取值：

1. none：默认值，表示元素不受浮动元素的影响，可以与浮动元素共同存在。

2. left：元素的顶部不允许出现浮动元素。

3. right：元素的顶部不允许出现浮动到右侧的元素。

4. both：元素的顶部不允许出现浮动元素，无论其是浮动到左侧还是右侧。

clear属性通常在需要清除浮动的情况下使用，以确保某个元素不受浮动元素的影响。例如，当一个元素前面有浮动元素，并且希望该元素出现在浮动元素的下方时，可以使用clear属性。

示例代码：

<div class="float-left"></div> <div class="clear"></div> 

.float-left {   float: left;   width: 200px;   height: 200px; }  .clear {   clear: both; } 

以上代码中，第一个div元素使用float属性浮动到左侧，第二个div元素使用clear属性清除浮动，使其出现在第一个div元素的下方。