宽度确定的情况下，如何让高度等于宽度

代码

直接上代码

.box{
  position:relative;
  width:60%;//这个宽度随意
  height:0;
  padding-bottom: 60%;//这个就保证和width一样就行了
}
.box > .content{
  position:absolute;
  width:100%;
  height:100%;
}

知识点：

padding 的大小是根据width 的大小来决定的。