CSS布局‌是Web开发中用于控制网页元素位置和大小的技术，主要包括以下几种常见的布局方式：

‌标准流布局‌：这是默认的布局方式，元素按照它们在HTML文档中的顺序排列，块级元素从上到下垂直排列，行内元素在同一行水平排列。适用于简单的文档流布局，不需要特殊的定位。‌

‌浮动布局‌：浮动布局使元素脱离标准流，向左或向右浮动，直到碰到包含块的边缘或另一个浮动元素。适用于图文混排、文字环绕图片等效果，但需要注意清除浮动以避免布局混乱。

‌定位布局‌：包括静态定位、绝对定位、相对定位和固定定位。静态定位是默认值，元素按照文档流的顺序排列；绝对定位使元素脱离文档流，相对于其最近的已定位祖先元素定位；相对定位使元素仍然占据文档流中的位置，但可以通过top、bottom、left、right属性进行偏移；固定定位使元素相对于浏览器窗口进行定位。

‌弹性布局（Flexbox）‌：Flexbox用于在一维方向上排列元素，可以控制元素的对齐方式、排列顺序和换行方式。适用于页面布局、组件内部布局，尤其适用于小型布局和单行或单列布局。‌

‌网格布局（Grid）‌：Grid布局用于在二维方向上排列元素，可以将页面划分成网格，并精确控制每个网格的大小和位置。适用于复杂的页面布局，需要同时控制行和列的布局。

‌多列布局‌：将文本内容分成多列显示，适用于文本密集型页面，需要将文本分成多列以提高可读性。‌

‌响应式布局‌：根据不同设备的屏幕尺寸和分辨率，自动调整页面布局和元素大小，以确保在不同设备上都能提供良好的用户体验。媒体查询是实现响应式布局的关键技术。‌

这些布局方式各有优缺点，选择哪种布局方式取决于具体的场景和需求。现代网页开发中，Flexbox和Grid的使用越来越普遍，因为它们提供了更灵活和强大的布局能力。