CSS中流布局的介绍

CSS中流的种类：

1, Nomal Flow(正常流)

2, BFC（块级格式化上下文）

3, IFC（"内联格式化上下文）

4, GFC（网格布局格式化上下文）

5, FFC（自适应格式化上下文）

 

---

1,Nomal Flow(正常流)

 

通俗的可以理解为：html中的元素按照自上而下或者自左向右的排列方式进行整个html文档结构的排列

画图举例：

解释说明：

在CSS 中 块级标签采用的是以一行为布局，就是说如果是块级标签的话，那么这一行就只能是它自己。

另外，如果是行级标签的话则采用填补的方式进行布局，就是说这一行的内容可以是多个，直到这一行

的宽度被用完时，元素才会进行换行。

当然如果想主动改变元素的的显示方式可以利用  dispaly属性来进行更改。或者使用 possition  float

dispaly:block|inline|inline-block;

float:left|right;

position:absolution|flex;
left:value;
top:value;
right:value;
right:value;

最后对于块级标签你可以通过margin来控制它显示的具