Html 如何使div对齐中心和重叠？当他们使用相同的名称时

如何使div对齐中心和重叠？当他们使用相同的名称时 如果我使用position:absolute，这意味着我也必须设置左侧，并且它们不能对齐中心

pic
A.
B
C
.picwrap{
位置：绝对位置；
左边距：自动；
右边距：自动；
顶部：50px；
左：0；
右：0；
高度：100px；
宽度：600px；
背景色：青色；
}
图{
高度：70像素；
宽度：50px；
背景颜色：橙色；
排名：0；
}

如果希望.pic在绝对定位的div内居中，则应设置显示方法块，并将左右边距设置为自动。像这样：

.pic{
  display: block;
  margin: 0 auto;
  height: 70px;
  width: 50px;
  background-color: orange;
  top: 0;     
}

---

如果希望.pic位于包含元素的顶部，则它们还需要具有绝对位置，并且顶部设置为0。

您需要

位置：绝对.pic

CSS上为

top:0要工作：

.pic{
    height: 70px;
    width: 50px;
    background-color: orange;
    top: 0;
    position: absolute;
}

将此样式附加到CSS上：

.pic+.pic{
    position : relative;
    margin-top : -70px;
}

请澄清你贴的小提琴有什么问题，你想在里面做些什么改变？请描述一下。我想在同一个位置（顶部：0）重叠3个div.pic，并且位置对齐中心。我尝试使用top:0，但我知道它不起作用。如果position:absolute也必须设置left:value，并且它们没有对齐center@user1575921-您在所有内容上都使用显式宽度，因此可以基于此设置
left
。在您发布的JSFIDLE示例中，按照kevin的建议，设置
位置：绝对值
，并
左：275px
。请参阅。您可以通过将“左”设置为50%，将“左”设置为-137px（元素宽度的一半），将绝对位置元素居中。我想将“左”设置为同一行，并将其重叠。您可以更具体地说，据我所知，您希望它们位于顶部，并相互层叠，因此看起来只有一个图像。我说得对吗？您希望它们彼此并排并居中吗？你试过显示：内联吗？它们来自sql输出，不同的图像。。。。和
边距：0自动.pic
上编码>使其水平居中。@用户1575921:
+
表示下一个兄弟姐妹
.pic+.pic{
    position : relative;
    margin-top : -70px;
}