css 快速入门 系列 —— 浮动

以 mdn float 文档 为基础，逐一介绍浮动的本质、浮动的诸多特性、清除浮动以及块格式化上下文（bfc）。

概念

当一个元素浮动之后，它会被移出正常的文档流，然后向左或者向右平移，一直平移直到碰到了所处的容器的边框，或者碰到另外一个浮动的元素。

卡住

如果包含块太窄，无法容纳容纳水平排列的多个浮动元素，那么其他浮动元素会向下移。如果浮动元素高度不同，就会出现”卡住“的情况：