已知子div的高度是80%，如何設(shè)置使得該div為正方形？

如題：

補(bǔ)充：

背景是這樣的，前天去面試，問(wèn)我寬度為80%，如何使得變成正方形，答案是padding-top：80%，這個(gè)好理解。但是面試官然后反問(wèn)我，如果是高度是80%呢，怎么使得變成正方形。

當(dāng)時(shí)我沒(méi)有意識(shí)到他這么問(wèn)，其實(shí)是隱藏了一個(gè)條件，就是父div是固定的(寬度仍然是不固定的)。當(dāng)時(shí)我沒(méi)答出來(lái)。

回答

編輯回答

情未了

已知你兒子高一米八，請(qǐng)問(wèn)你叫什么名字？

2017年9月19日 04:20

編輯回答

臭榴蓮

最簡(jiǎn)單的
.div{

width:80vh;
height:80vh;

}

2018年8月3日 10:12

編輯回答

愿如初

<style>
   .box{
          height: 500px;
          width: 500px;
          display: flex;
          align-items: center;
          justify-content: center;
          border:  solid 1px;
      }
      .child {
          height: 80%;
          padding-left: 80%;
          background: blue;
      }
</style>

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

2017年8月13日 03:56