css什么情况下清除浮动

CSS清除浮动是一种解决浮动元素无法自动撑开父容器高度的问题的技巧。当浮动元素在父容器内时，会影响父容器的高度，导致父容器无法正常布局。这时我们需要使用CSS清除浮动以解决这个问题。

.clearfix:before,.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

在以上代码中，我们使用了一个clearfix的class来清除浮动。在clearfix的定义中，我们对:before和:after伪类设置了样式，使用content属性添加空内容，display属性设置为table，以此来清除浮动对父级高度的影响。另外，我们使用clear属性来确保在:before和:after的元素后面没有浮动元素。

使用CSS清除浮动的情况包括但不限于：

• 使用浮动实现文字环绕图片的效果时，需要清除浮动，否则父容器会无法正常布局。
• 使用浮动实现多列布局时，需要清除浮动，否则父容器高度会受到影响。
• 使用浮动实现导航条时，需要清除浮动，否则可能导致导航条出现错位。

总之，当出现浮动影响父容器高度的情况时，我们需要及时使用CSS清除浮动以保证页面正常布局。