【CSS】-【如何实现一个自适应的正方形？】

方法1：利用CSS3的vw单位

.squre{
    width: 10vw;
    height: 10vw;
    background: red;
}

方法2：利用margin或者padding的百分比计算是参照父元素的width属性

.squre{
    width: 10%;
    padding-bottom: 10%;
    <!--防止内容过多，撑开高度-->
    height: 0;
    background: red;
}