CSS设置div宽高相等

经过多次尝试，总结出一套兼容性强，又方便简单的方法： 

<div class="circle-title"></div>

.circle-title{
      width: 100px;
    }
.circle-title::before{content: "";padding-top: 100%;display: block;}

伪元素真是强大，可以实现各种css样式，省时省力（0.5像素边框，菜单浮动。。。）