在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 已知子div的高度是80%，如何設置使得該div為正方形？

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

如題：

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

補充：

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

當時我沒有意識到他這么問，其實是隱藏了一個條件，就是父div是固定的(寬度仍然是不固定的)。當時我沒答出來。

回答
編輯回答
情未了

已知你兒子高一米八，請問你叫什么名字？

2017年9月19日 04:20
編輯回答
臭榴蓮

最簡單的
.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