CSS如何写一个宽度为屏幕50%的正方形DIV

曲奇饼

DIV的宽度就设置为50%，然后JS获取DIV的宽度附给高度就行了.
JS方法:

1. document.getElementById("test").style.height=document.getElementById("test").offsetWidth;
   
2. <div id="test" style="width:50%"></div>

复制代码

纯CSS方法

1. <div style="width:50%;padding-bottom:50%;height:0px;background:#ccc;">
   
2. </div>

复制代码

1. <div style="width: 50vw; height: 50vw; background:green;">
   
2. </div>

复制代码