如何在悬停时将链接放在"overflow: auto;“区域上？

在悬停时将链接放在"overflow: auto;"区域上，可以通过以下步骤实现：

1. 首先，确保链接所在的容器具有 "overflow: auto;" 属性。这将创建一个具有滚动条的容器，当内容超出容器大小时，可以通过滚动条进行浏览。
2. 确保链接位于容器内部，以便在容器溢出时能够被滚动条包含。
3. 使用CSS伪类选择器 ":hover" 来为链接的悬停状态添加样式。例如，可以设置链接的背景色或文本颜色等。
4. 如果链接的位置在容器溢出区域之外，可以使用CSS的 "position" 属性来调整链接的位置。例如，可以将链接的 "position" 属性设置为 "absolute"，并使用 "top" 和 "left" 属性来定位链接在容器内的位置。

以下是一个示例代码：

HTML代码：

<div class="container">
  <a href="#" class="link">悬停链接</a>
</div>

CSS代码：

.container {
  width: 200px;
  height: 200px;
  overflow: auto;
  position: relative;
}

.link {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #000;
}

.link:hover {
  background-color: #f00;
  color: #fff;
  /* 其他样式 */
}

.link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

在上述示例中，容器具有固定的宽度和高度，并设置了 "overflow: auto;" 属性，以便在内容溢出时显示滚动条。链接被放置在容器内部，并使用 ":hover" 伪类选择器为悬停状态添加样式。链接的位置通过设置 "position: absolute;" 和使用 "top" 和 "left" 属性来居中定位在容器内部。

请注意，这只是一个示例，具体的实现方式可能因具体的需求和布局而有所不同。