问一个html基础问题，关于float属性

[Miracle_C1]

萌新问大神们一个html-float的基本问题，绿块和黄块分别定义了两个定宽高的class，且都是浮动元素，为啥第二行的黄块不会往上浮动填充空白呀？跟文档流有关？

[MikeDDT009]

浮动元素你当成特殊点的内置元素（也就是不占整个一行的元素），你限制这个都是浮动元素，于是把上面那一行占满换行了，自动换行了而已。并不会出现你想象的跑上去堆上

[本人QQ-554433626]

要是能往上浮动填充空白 那还要瀑布流干嘛

[前端_Logic]

浮动元素并没有脱离文档流。元素换行就得到这样的效果。 你可以试试绿色左浮动，黄色右浮动是什么效果

[业余草]

float是浮动，占满一行会自动换行。

[Patient-]

换行了 你要填充 瀑布流不行吗 非要浮动吗

[以专业开发人员为伍]

引用 楼主 u010686031 的回复:

萌新问大神们一个html-float的基本问题，绿块和黄块分别定义了两个定宽高的class，且都是浮动元素，为啥第二行的黄块不会往上浮动填充空白呀？跟文档流有关？

float:left 在 top 定位上是要向左边对齐的。 任何样式都在 left、top 两个方向上都有规矩可循的。你只顾了left 是浮动的，而忘记了 top 的规矩，想当然了。