業(yè)務(wù)需要三個(gè)自適應(yīng)屏幕的三個(gè)正方形并排排列,查找資料,可以根據(jù)html 盒模型,盒模型中的div的padding的X%為父元素的寬度的百分比,可以在外層套用盒模型div來(lái)獲取需要的寬度,從而里面的子div根據(jù)padding獲取變化的高度,所以只要把子div的寬度和padding-bottom設(shè)為相同的百分比就行。

實(shí)現(xiàn)效果

實(shí)現(xiàn)效果

實(shí)現(xiàn)的代碼
若要在子div中添加更多div,需要固定該div的寬度為0,所以.center_div的寬度height:0必不可少。不然自適應(yīng)寬度會(huì)使該div寬度改變。