CSS3布局模型的几种常用方式

CSS（层叠样式表）是一种用于控制网页样式和布局的标记语言。CSS3引入了许多新的布局特性，这些特性可以帮助开发人员更灵活地控制网页的结构和外观。下面将介绍几种常用的CSS3布局模型，并提供相应的源代码示例。

1. 流式布局（Fluid Layout）
   流式布局是一种自适应布局模型，它根据浏览器窗口的大小动态调整元素的宽度。这种布局模型使用百分比单位或者相对单位来定义元素的尺寸，使得元素能够根据可用空间进行缩放。下面是一个简单的流式布局的示例：

<style>
  .container {
     
    width: 100%;
  <