Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.4k views
in Technique[技术] by (71.8m points)

css 两个同样大小的圆 无法完全覆盖

两个同样大小的圆,父圆黑色,子圆白色,理论上子圆应该完全遮挡父圆,但是实际上确实这样,这是为什么呢?image

代码如下:

<div class="circle father">
  <div class="circle son"></div>
</div>
<style>
  .circle {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    /* clip-path: circle(50%); */
  }
  .father {
    background: #000;
  }
  .son {
    height: 100%;
    width: 100%;
    background: #fff;
  }
</style>


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

我猜测是浏览器对于圆角的处理方式问题


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...