現有一個這樣的需求，一個div塊要實現隨着頁面的縮放，而動態變化；
如下圖，紅色塊隨灰色塊的縮放而縮放
樣式是：
灰色塊{
width: 100%;
height: 500px;
background-color: #ddd;
}
紅色塊{
width: 30%;
height: 0;
padding-bottom: 30%;
background-color: red;
}
上面的重點在padding-bottom屬性，查看手冊會發現如下屬性
原來padding值爲百分比時，其值是基於其父元素的寬來定義的；所以紅色塊中的width：30% 是等於 padding-bottom：30%的。