铁子们，刚接触CSS可能还对float浮动布局处于一个很模糊的概念。
本篇文章适合刚学习完HTML,刚接触到CSS的铁铁们。
本文所有示例使用div元素布局展示，
游戏开始：
一.多个div盒子默认情况下是什么布局？
可以看见它是由上而下，依次排列，且每个盒子都独立占据一行，这就是标准流布局。
哪怕盒子2的大小也可以在盒子1上排列，标准布局下，每个盒子都独立占用一行。
二.浮动是如何产生的呢？
如果把整个容器理解成一个空间，且该空间在添加了float 的相关属性后，空间由二维变为了三维，那么原来的物质变浮动了起来，后面的物质也可以进入它的位置，因为没有添加float的相关属性哈，它没有升维。
三.浮动方块怎么就没有到顶部呢？
铁铁们，可以清楚地发现，这个二盒子没有排到1盒子之后。本着我们的游戏规则来说，二维里面是没办法装入三维的物质的。所以给了2盒子一个神力之后，2盒子所在的空间世界成功升了维度。它可以容下三盒子的物质。本着浮动的原理理解之后。那么对于简单的布局，铁铁你就没问题啦！
四.Float所具有的属性
left：浮动到容器的左侧；
right：省略；
none：省略；
inherit：元素继承父级的Float的值
五.再给铁铁送一个黑科技：规则暗物质武器；
用上了它，你的升维法力将有了限制，没错！它就是clear！
拥有这五个波动值！
铁铁一定懂，晚安！
5321
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
