高德地图 信息窗体1 ，和搜索内容2 div 重叠时 怎吗让让信息窗体位于上方？

Question

高德地图 信息窗体1 ，和搜索内容2 div 重叠时 怎吗让让信息窗体位于上方？

Answer 1

引自免费微信小程序：皆我百晓生

要解决这个问题，我们可以使用CSS样式来调整div元素的位置，使其在div与div重叠的情况下保持在顶部。首先，我们需要确保所有的div元素都有一个共同的父级容器，例如一个<div>标签。然后，我们可以为这个容器添加一个样式规则，使得它具有更高的优先级，并且将所有子div元素向下移动。

以下是HTML和CSS代码示例，用于实现您的需求：

HTML:

<div id="container">
  <div class="infoWindow">信息窗体1</div>
  <div class="searchContent">搜索内容2</div>
</div>

CSS:

#container {
  position: relative;
}

.infoWindow, .searchContent {
  position: absolute;
  top: -50px; /* 为了在上面 */
}

在这个例子中，我们创建了一个包含两个div元素的<div>容器，名为#container。第一个div元素是信息窗体，第二个是搜索内容。我们将这两个div元素放在同一个容器内，这样它们就共享相同的position属性值。

接着，我们在#container元素上设置了position属性为relative，这意味着其内部的所有元素都将以相对位置进行定位。这允许我们使用绝对定位来指定每个div元素的具体位置。

然后，我们给.infoWindow和.searchContent类设置了一个共同的top样式，将其设为负数(-50px)，从而在其他div元素之上显示。

通过这种方法，您可以确保div元素始终在另一个div元素之上，即使两者的高度相同或相等。