对于浮动的定义我遗漏了什么 about blog HOT 4 OPEN

"...浮动元素会先按照正常流进行布局" 赞！

from blog.

@think2011 我一直不知道这个“坑” 所以很多对有些布局无法理解2333

from blog.

<div class="center">
    some content fits or there are no more floats present.
</div>
<div class="left"></div>

我一直的理解都是，浮动元素脱离了文档流！但是为什么现在没有出现在顶点呢？

为什么脱离文档流就一定要在顶点上，如果没有设置position left/top，该demo中就算把.left div设置position:absolute(不设置left/top位置)也是一样在.center元素下面。
我觉得脱离文档流的元素对其之前正常元素的位置并没有影响，对之后正常的元素定位有影响。

from blog.

@LeoWang1991 嗯是的 我之前一直没有意识到浮动元素在脱离文档流之后只会向左或者向右。所以就没有理解为啥不能向上，顶到头。至于position定位，你说的都对哈哈。重点就是这些布局先都是正常流布局，然后再脱离文档流，一个是浮动的话只能左右移动，absolute则可以通过设置topleft来随意走。只会影响后面的。谢谢指出问题！！！

from blog.