一、CSS写自适应大小的正方形
代码:
原理:
元素的padding的百分比值四个值均根据当前元素的宽度来计算的
padding只能取top或者bottom,自适应正方形其值要和宽一致,当然其他不同比例的矩形可以通过设置不同比例的padding就能得到
二、多列等高
代码:
adding补偿法
在高度小的元素上加一个数值为正padding-bottom和一个数值为负margin-bottom,再在父级加上overflow: hidden隐藏子元素超出的padding-bottom