css - 为什么清除浮动后会留出一大片空白区域

问题描述

问 题

我在使用 .clearfix 清除样式的时候会出现一片空白区域，

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

我把 .clearfix 删除后，通过给元素定义左浮动后，这篇空白区域消失了。
请问这是什么原因啊？

解决方案

我已经找到问题的原因了。由于项目的源码比较复杂，这里提供一个 demo，具体原因就是清除浮动造成同一个格式化上下文的浮动也会被清除。

这篇关于css - 为什么清除浮动后会留出一大片空白区域的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！