CSS3边框半径

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%;
}

问题在于，由于top元素比calc div元素更浅，因此角线曲线的角度更浅

Answer 1

您可以简单地使用绝对单位吗？

#calc {
  border-radius: 15px;
}

#top {
  border-radius: 15px;
}