Question

我正在使用js和css制作一个计算器，并且持有计算器主体的主div具有圆形边缘

#calc {
  background-color: #4CADEC;
  border-radius: 3%;
  height: 500px;
  margin: 200px 300px 400px 225px;
  width: 400px;
}

我试图用不同的背景颜色覆盖主体，用于计算器的屏幕部分

#top {
  background-color: #808080;
  border-radius: 15% 15% 0% 0%;
}

问题是因为顶部元素较小，角部曲线的角度比calc div元素更浅

Answer 1

你能简单地使用绝对单位吗？

#calc {
  border-radius: 15px;
}

#top {
  border-radius: 15px;
}