CSS 宽度为百分比时，设置元素高度等于其宽度（正方形）

div {
      display: inline-block;
      width: 20%;
      background: green;
      position: relative;
    }

    div:before {
      content: "";
      display: inline-block;
      padding-bottom: 100%; /* 关键代码 */
      width: .1px;
    }