HTML 自适应屏幕正方形div

业务需要三个自适应屏幕的三个正方形并排排列，查找资料，可以根据html 盒模型，盒模型中的div的padding的X%为父元素的宽度的百分比，可以在外层套用盒模型div来获取需要的宽度，从而里面的子div根据padding获取变化的高度，所以只要把子div的宽度和padding-bottom设为相同的百分比就行。

实现效果 实现效果 实现的代码

若要在子div中添加更多div，需要固定该div的宽度为0，所以.center_div的宽度height:0必不可少。不然自适应宽度会使该div宽度改变。