CSS常用布局模型

在网页中，CSS有三种布局模型

• 流动模型（Flow）
• 浮动模型（Float）
• 层模型（Layer）
  

  1、流动模型：块元素自上向下分布，占据一行；内联元素从左向右分布，在一行；

  2、浮动模型：块级元素浮动可在一行显示

  3、层模型：

  绝对定位（position：absolute）

  相对定位（position：relative）

  固定定位（position：fixed）

  
  

  
  

  
  

  
  

  
  

  
  

  
  
• 流动模型（Flow）
• 浮动模型（Float）
• 层模型（Layer）