前端编写css样式使用浮动float造成的父级元素高度坍塌问题

如果把某个块级元素的的样式设置为float，那么最好在父级元素设置class=“clearfix”。否则父级元素高度容易变成0，造成样式错乱，使网页顺序混乱。clearfix代码如下：
.clearfix::after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }