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

以下展示了四种方式进行清除浮动 先看一段代码 css {代码...} html {代码...} 下面是结果 因为没有清除浮动，所以子元素没有将父元素撑开，出现上面的情况。 下面是几种清除浮动的方法 1.额外标签法 在最后一个浮动标签后，新加一个标签，给其设置clear：both；（不推荐） css {代码...} html {代码...} 效果展示 2.使用...