解决绝对定位高度塌陷

要解决绝对定位元素高度塌陷的问题，可以尝试以下方法：

1. 父元素添加 clearfix：在父元素上添加一个类名为 clearfix 的样式，可以通过以下代码实现：

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

2. 设置父元素高度：如果父元素没有设置固定高度，可以尝试为其添加一个合适的高度，例如：

.parent {
  height: 300px; /* 设置一个合适的高度 */
}

3. 使用浮动布局：将绝对定位的子元素改为浮动布局，例如：

.child {
  position: absolute;
  float: left; /* 或 right */
}

4. 使用 flexbox 布局：将父元素设置为 flex 容器，并使用 flex 属性控制子元素的布局，例如：

.parent {
  display: flex;
}

.child {
  position: absolute;
  flex: 1; /* 或其他合适的值 */
}

以上方法中的任何一种都可以尝试解决绝对定位高度塌陷的问题，根据具体情况选择适合的方法。