正方形，宽使用百分比时高怎么设置

元素设置为正方形，宽使用百分比时高怎么设置

css方法

body,html{
     width: 100%;
     height: 100%;
}
.box{
    width: 20%;
    height: 0;
    padding-top: 20%;
    background-color: aqua;
}

js方法

$(function(){
	//获取div的宽度值
	width_val=$("#square").css('width');
	$("#square").css('height',width_val);
})