清除子元素浮动对父元素的影响

清除子元素浮动对父元素的影响可以通过以下两种方式实现：

1. 使用clearfix清除浮动

在父元素的CSS中添加如下代码：

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

然后在子元素中添加`clearfix`类即可清除浮动。

2. 使用overflow属性

在父元素的CSS中添加如下代码：

.parent {
    overflow: hidden;
}

然后在子元素中添加浮动即可清除浮动。这种方法的原理是使用了BFC（块级格式化上下文），使得父元素形成了一个新的块级格式化上下文，从而清除了浮动。