自适应正方形

自适应正方形（宽高相等） §

自适应div的宽度，即该div的高度始终等于宽度

.box{
    width: 33%;
    height: 0;
    padding-bottom: 100%;
}