遇到了样式不生效的情况

.clearfix {

width: 100%;

height: 100%;

background-color: aqua;

display: flex;

justify-content: space-between;

align-items: center;

}

使用了左右两边的对齐的方式，发现使用到了clearfix会产生错误的情况，因为是与清楚浮动有关的。