定位流

元素的属性position为absolute或fixed,它就是一个绝对定位元素。

在绝对定位布局中,元素会整体脱离普通流,因此绝对定位元素不会对其兄弟元素造成影响,而元素具体的位置由绝对定位的坐标决定。

它的定位相对于它的包含块,相关CSS属性:top、bottom、left、right;

对于position:absolute,元素定位将相对于上级元素中最近的一个relative、fixed、absolute,如果没有则相对于
body;

对于position:fixed,正常来说是相对于浏览器窗口定位的,但是当元素祖先的transform属性非none时,会相对于该祖先进行定位。

浮动流

在浮动布局中,元素首先按照普通流的位置出现,然后根据浮动的方向尽可能地向左边或右边偏移,其效果与印刷排版中的文本环绕相似。

普通流

普通流其实就是指BFC中的FC。FC(Formatting Context),直译过来是格式化上下文,它是页面中的一块渲染区域,有一套渲染规则,决定了其子元素如何布局,以及和其他元素之间的关系和作用。
在普通流中,元素按照其在HTML中的先后位置至上而下布局,在这个过程中,行内元素水平排列,直到当行被占满然后换行。块级元素则会被渲染为完整的一个新行。
除非另外指定,否则所有元素默认都是普通流定位,也可以说,普通流中元素的位置由该元素在HML文档中的位置决定。