CSS文档流与块级元素（block）和内联元素（inline）理

参考文章:CSS文档流与块级元素和内联元素

定义

• 文档流 ：将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.有三种情况将使得元素脱离文档流而存在,分别是浮动(float), ,绝对定位 (position=absolute), 固定定位 (position=relative).

• 块元素 ：一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"

• 内联元素 ：任何不是块级元素的可见元素都是内联元素 如 <span> 定义文本内区块。

定位模式

• 相对定位：即相对于元素在文档流中位置进行偏移. 但保留原占位.
• 绝对定位：即完全脱离文档流, 相对于position属性非static值的最近父级元素进行偏移
• 固定定位：即完全脱离文档流, 相对于视区进行偏移.