Css 如何使图元居中，但将其显示在彼此的顶部

是否有一种方法可以使元素的子元素水平和垂直居中，但将所有子元素都显示在彼此的顶部，就好像它们具有

位置：绝对值
。但是没有为每个孩子单独设置样式

<div style="widht: 100: height: 100">
  <div style="widht: 80: height: 80">
  <div style="widht: 60: height: 60">
  <div style="widht: 40: height: 40">
  <div style="widht: 20: height: 20">
</div>  



结果应该是这样的：

如果无法嵌套div，可以使用
位置：绝对和用于定位每个div的上/左值：


HTML:

就我所知，在当前html格式中执行此操作的唯一方法是使用绝对或相对定位

如果您可以更改格式，您可以在同一元素上使用多个背景图像或嵌套元素。
您可以发布代码吗？“就好像它们有位置：绝对”…答案在问题中…否！？这些元素都有固定的大小吗@Paulie_D如果元素是嵌套的，你不需要绝对位置，我猜它们有固定的大小，但不能嵌套。我想说，这是一堆div，只是为了创建一个“设计元素”，图像或SVG可以更好地为其服务。很好。也可以使用相邻的同级选择器进行此操作，也可以使用基于%的内部
divs
来完成此操作。尽管边界可能会导致对齐问题，您还可以使用两倍的
div
来创建假边框并进行更正。虽然这不是最好的解决方案，但您可以使用相对定位并定位每个div。因此，abbsolute定位不是唯一的方法。@web tiki您可以在技术上将相对相邻的div以负数放置在彼此的顶部定位，没错。。但为什么要这样做？！：）这就是我在之前的评论中所说的，这不是最好的方式，但我想指出，“没有绝对的立场，没有办法做到这一点……”是不正确的。
<div class="wrap" style="width: 100px; height: 100px;">
    <div class="one" style="width: 80px; height: 80px;"></div>
    <div class="two" style="width: 60px; height: 60px;"></div>
    <div class="three" style="width: 40px; height: 40px;"></div>
    <div class="four" style="width: 20px; height: 20px;"></div>
</div>

div {
    position:absolute;
    background:#38E1BA;
    border:5px solid #000;
}
.one{
    top:5px;
    left:5px;
}
.two{
    top:15px;
    left:15px;
}
.three{
    top:25px;
    left:25px;
}
.four{
    top:35px;
    left:35px;
}