在css中如何设置一个div的坐标和另一个在某父节点下的div坐标相同

要在 CSS 中设置一个 `<div>` 元素的坐标位置，以及使另一个 `<div>` 元素的坐标与其相同，你可以使用 `position` 属性和 `top`、`left` 属性来控制元素的位置。

首先，我们需要为父节点设置一个相对定位（`position: relative;`），以便作为参考点给子元素定位。

然后，在第一个 `<div>` 元素上，你可以使用绝对定位（`position: absolute;`）来设置其坐标位置。通过设置 `top` 和 `left` 属性来确定元素相对于父节点的位置。

接下来，对于第二个 `<div>` 元素，你可以使用相对定位（`position: relative;`）来保持其在文档流中的位置，并使用 `top` 和 `left` 属性将其移动到与第一个 `<div>` 元素相同的位置。

以下是一个示例代码：

HTML 代码：

<div class="parent">
  <div class="div1"></div>
  <div class="div2"></div>
</div>

CSS 代码：

.parent {
  position: relative;
}

.div1 {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 100px;
  height: 100px;
  background-color: red;
}

.div2 {
  position: relative;
  top: 50px;
  left: 50px;
  width: 100px;
  height: 100px;
  background-color: blue;
}

在上述代码中，我们首先为父节点 `.parent` 设置了相对定位。

然后，我们定义了两个子元素 `.div1` 和 `.div2`。`.div1` 使用绝对定位，并通过 `top` 和 `left` 属性设置其坐标位置为 `(50px, 50px)`。`.div2` 使用相对定位，并使用相同的 `top` 和 `left` 属性值 `(50px, 50px)`，使其与 `.div1` 的位置相同。

这样，`.div1` 和 `.div2` 的坐标位置就会相同了。你可以根据实际需要调整它们的样式和位置。