padding-bottom为百分比时,是相对宽度取百分比值
div {
width: 20%;
padding-bottom: 20%;
height: 0;
overflow: hidden;
}
这样就能实现自适应的正方形
高度设置为0能保证盒子不被内容撑开
padding-bottom为百分比时,是相对宽度取百分比值
div {
width: 20%;
padding-bottom: 20%;
height: 0;
overflow: hidden;
}
这样就能实现自适应的正方形
高度设置为0能保证盒子不被内容撑开