CSS实现宽度自适应宽高16:9的矩形

.father{
    width: 100px;
    height: 0;
    .child{
      width: 100%;
      height: 0;
      padding-bottom: 56.9%;
      background: yellow;
    }
  }