3. 简述CSS+Div布局与弹性布局的关系。

CSS+Div布局与弹性布局有着紧密的关系，两者主要在**应用范围、核心概念和空间利用**等方面有所区别。具体分析如下：

1. **应用范围**
- **CSS+Div布局**：传统的CSS+Div布局是通过`<div>`标签结合CSS的布局技术来实现页面布局的一种方式。它主要依赖于`float`、`position`、`display`等属性来调整元素的位置和排列方式。
- **弹性布局**：弹性布局是一种更为先进的布局模式，通过定义`display: flex;`或`display: inline-flex;`将一个容器设置为弹性布局。这种布局方式优化了项目元素的对齐和空间分配，特别是当项目尺寸未知或动态变化时。

2. **核心概念**
- **CSS+Div布局**：主要涉及块级元素和内联元素的布局，通常需要多种CSS属性配合使用来实现复杂的设计。
- **弹性布局**：引入了“容器”和“项目”的概念，其中采用Flex布局的元素称为Flex容器，其所有子元素自动成为Flex项目。容器和项目的关联使得布局更加灵活和方便。

3. **空间利用**
- **CSS+Div布局**：通常需要预设元素的宽度和高度，对于空间的利用较为固定。
- **弹性布局**：不需要预设元素的宽高，可以根据可用空间自动调整，允许项目在空间中的伸缩和对齐，这在构建响应式设计时特别有用。

4. **布局方式**
- **CSS+Div布局**：多为静态布局，元素的位置和大小在页面加载时已经固定。
- **弹性布局**：提供了动态布局能力，能够适应不同屏幕尺寸和分辨率，保证布局的灵活性和一致性。

5. **易用性**
- **CSS+Div布局**：要实现复杂的设计常常需要多个CSS规则的组合，编码复杂度较高。
- **弹性布局**：通过简单的属性和值就能实现复杂的布局需求，大大简化了代码的编写和维护过程。