html - 父圆形 div 内的圆形 div

Question

请问是否可以在圆div中插入圆 Angular div。它们应该以循环方式插入，一个接一个。我想创建一个圆形 div 环，而不更改父 div 的大小。 如果您知道该怎么做，我将不胜感激。

Answer 1

可以定义外层元素为position: relative，内层元素为absolute。边距将起到拉开彼此之间距离的作用。

.circle{
  width:256px;
  height:256px;
  border-radius:50%;
  background: rgba(255, 99, 71, 0.5);
  border:3px solid white;
  position:relative;
}

.circle >  .circle{
  width:initial;
  height:initial;
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  margin:20px;
}

<div class="circle">

  <div class="circle">
  
    <div class="circle">
  
    </div>
    
  </div>
  
</div>