CSS（层叠样式表）是用于控制网页样式和布局的语言。在网页设计中，布局是将内容以视觉和谐的方式展示给用户的过程。CSS提供了多种布局方式，使得开发者可以根据需求灵活地设计网页结构。以下是一些常见的CSS布局方式：
1. 浮动（Floats）
浮动是CSS中较早的布局技术之一。通过设置元素的float属性，可以将元素从文档流中移出，并允许其他元素环绕它。浮动常用于创建多列布局，如图文混排。
2. 定位（Positioning）
CSS的定位属性允许开发者将元素精确地放置在页面上的任何位置。定位属性包括static（默认值）、relative、absolute和fixed。relative定位使元素相对于其正常位置移动；absolute定位使元素相对于其最近的已定位（非static）祖先元素移动；fixed定位则使元素相对于浏览器窗口移动。
3. 弹性盒子（Flexbox）
弹性盒子是CSS3引入的一种布局模式，它旨在提供一种更加高效的方式来布局、对齐和分配容器内项目的空间，即使它们的大小未知或是动态变化的。使用display: flex;或display: inline-flex;可以启用Flexbox布局。
4. 网格布局（Grid）
CSS Grid Layout也是CSS3的一部分，它是一种二维布局系统，可以用于创建复杂的网页布局结构。网格布局允许开发者控制行和列的尺寸、空间以及对齐，非常适合创建复杂的网页布局。
5. 表格布局（Table）
表格布局使用HTML表格元素（如
