box 是外層的伸縮框

inner是帶有背景色的自適應矩形

inner里面的空div 設置margin: 50%;

inner的overflow: hidden;是關鍵? 防止最里面的div的margin穿透 這樣才能把inner撐開? 顯示背景色

最里面的空div左右margin: 50%;把水平方向撐開

上下margin: 50%;自身發生重疊，實現了寬高2:1的自適應

例：自適應矩形2:1margin：50%；（普通元素margin百分比無論哪個方向都是相對于自己的容器寬度計算的2:1是因為上下發生重疊）

margin:50%;