css div 有重叠 部分 如何自适应布局

如果你在使用 CSS 布局时遇到了 div 重叠的问题，可以尝试以下几种方法来实现自适应布局：

1. 使用 CSS 的 `position` 属性：给重叠的 div 添加不同的 `position` 属性，例如 `position: relative;` 或者 `position: absolute;`，并通过调整它们的 `top`、`left`、`right` 和 `bottom` 属性来改变它们的位置。这样可以实现自适应布局。

2. 使用 CSS 的 `float` 属性：给重叠的 div 添加不同的 `float` 属性，例如 `float: left;` 或者 `float: right;`，这样它们会按照指定的方向浮动并自适应布局。

3. 使用 CSS 的 `display` 属性：给重叠的 div 添加不同的 `display` 属性，例如 `display: inline-block;` 或者 `display: flex;`，这样它们会根据指定的布局方式进行自适应布局。

4. 使用 CSS 的网格布局（Grid Layout）：使用 CSS 的网格布局可以更灵活地控制元素的位置和大小。通过使用 `grid-template-areas` 属性和定义网格模板，可以轻松实现自适应布局。

这些方法只是其中的一部分，具体使用哪种方法取决于你的具体需求和布局结构。你可以根据需要选择合适的方法来解决重叠问题，并实现自适应布局。