清除浮动(若有问题，谢谢指正哦~)

原因：为了解决因子元素浮动而导致的父元素高度塌陷的问题

解决方法：

使用伪元素

.parent::after{ content: ""; display: block;//伪元素是行内元素 height: 0; clear:both; visibility:hidden; } .parent{ zoom:1;//浏览器兼容性问题 }

触发父元素BFC

在这里插入代码片

添加新元素，clear:both;

<div class="parent"> <div class="child"></div> <!-- 添加一个空元素，利用css提供的clear:both清除浮动 --> <div style="clear: both"></div> </div>

给需要清除浮动的容器添加一个父元素，使其浮动，清除内部浮动(不推荐)