This is CSS notes

清除浮动和BFC

常见的清除浮动方法：
1.父元素设置overflow:hidden属性,缺点：当文本过长，且包含过长英文时，会出现英文文本被隐藏的情况
2.末尾增加空元素并设置clear:both属性,缺点：增加了一个div标签，增加了页面的渲染负担
3.给父级添加after伪元素进行clear

.box::after {
    content: '';
    height: 0;
    display: block;
    clear: both;
}

BFC:块格式化上下文（Block Formatting Context，BFC）是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。