推荐答案

　　要实现遮罩层的高度随另一个div的高度变化而自适应，也可以使用JavaScript来动态调整遮罩层的高度。这种方法需要在另一个div的高度变化时，实时更新遮罩层的高度。

　　首先，在HTML中创建另一个div和遮罩层，类似于以下结构：

　　然后，使用JavaScript来监听另一个div的高度变化，并相应地更新遮罩层的高度。以下是一个基本的示例：

　　const contentDiv = document.querySelector('.content');

　　const overlayDiv = document.querySelector('.overlay');

　　function updateOverlayHeight() {

　　const contentHeight = contentDiv.clientHeight;

　　overlayDiv.style.height = `${contentHeight}px`;

　　}

　　// 监听另一个div的高度变化

　　const resizeObserver = new ResizeObserver(updateOverlayHeight);

　　resizeObserver.observe(contentDiv);

　　// 初始化时设置初始高度

　　updateOverlayHeight();

 　　在这个示例中，我们使用了`ResizeObserver`来监听另一个div的高度变化，并在每次变化时更新遮罩层的高度。通过这种方法，遮罩层的高度将始终与另一个div的高度保持一致。

上一篇

HTML遮罩层中禁用底层焦点的方法