CSS弹性布局（Flexbox），是一种用于页面布局的新的CSS3模块。它提供了一种灵活的方式来排列和对齐元素，使得任何容器都能够自适应不同尺寸的屏幕和设备。

Flexbox的特点如下：

1.容器与项目：Flexbox使用容器（flex container）和项目（flex item）的概念。容器指的是包含项目的父元素，而项目则是容器中的子元素。

2. 主轴与交叉轴：Flexbox是基于主轴和交叉轴的布局模型。主轴指的是Flex容器的横向排列方向，而交叉轴则是垂直于主轴的方向。

3. 弹性布局：Flexbox的核心概念就是弹性布局，也就是通过调整项目的尺寸和位置来实现灵活的布局效果。

4. 对齐方式：Flexbox提供了丰富的对齐方式，包括水平对齐、垂直对齐和居中对齐。

Flexbox布局的使用方法如下：

1. 在容器上添加flex容器属性，可以通过设置display属性为flex或者inline-flex来定义一个弹性容器。例如：

```css

.flex-container {

display: flex;

}

```

2. 设置项目的弹性特性，包括弹性增长、缩小、基准大小以及对齐方式等属性。例如：

```css

.flex-item {

flex: 1; /* 弹性增长 */

flex-grow: 1; /* 弹性增长 */

flex-shrink: 1; /* 弹性缩小 */

flex-basis: auto; /* 基准大小 */

align-self: auto; /* 对齐方式 */

}

```

3. 设置容器的主轴方向和对齐方式。例如：

```css

.flex-container {

flex-direction: row; /* 主轴方向 */

justify-content: flex-start; /* 对齐方式 */

}

```

4. 设置交叉轴的对齐方式。例如：

```css

.flex-container {

align-items: flex-start; /* 对齐方式 */

}

```

Flexbox布局的优点如下：

1. 简化布局代码：相对于传统的CSS布局方式，Flexbox可以用更少的代码实现相同的布局效果。

2. 响应式布局：由于Flexbox的弹性特性，使得布局能够自适应不同尺寸的屏幕和设备。

3. 简单易懂：相对于其他复杂的CSS布局方式，Flexbox的概念相对简单，容易上手。

当然，Flexbox也有一些局限性：

1. 兼容性问题：Flexbox在旧版的浏览器中兼容性较差，需要通过添加浏览器前缀来解决一些兼容性问题。

2. 具体性问题：在某些复杂的布局需求下，Flexbox可能无法完全满足设计师的要求，需要使用其他布局方式来解决。

总结来说，Flexbox是一种强大而灵活的CSS布局方式，能够帮助开发者在不同的设备上实现自适应的页面布局效果。虽然在一些特殊的布局需求下可能存在局限性，但在大多数情况下，Flexbox是一种非常实用和方便的布局方式。