padding設置爲百分比的妙用

現有一個這樣的需求，一個div塊要實現隨着頁面的縮放，而動態變化； 如下圖，紅色塊隨灰色塊的縮放而縮放 樣式是： 灰色塊{ 　　width: 100%; 　　height: 500px; 　　background-color: #ddd; } 紅色塊{ 　　width: 30%; 　　height: 0; 　　padding-bottom: 30%; 　　background-color: red

>>阅读原文<<