CSS padding百分比值“死循环”不存在效果演示实例页面

CSS代码：

.box {
  width: 200px;
  height: 199px;
  background-color: #cd0000;
  overflow: auto;
}
.child {
  padding: 50%;
  background-color: #f0f3f9;
}
                

HTML代码：

<div class="box">
  <div class="child"></div>
</div>