.figure{
position: relative;
width: 100%;
height: 0;
overflow: hidden;
margin: 0;
padding-bottom: 100%; /* 關(guān)鍵就在這里 */
}
查看W3C上padding的屬性
% 規(guī)定基于父元素的寬度的百分比的內(nèi)邊距翠拣。
.figure{
position: relative;
width: 100%;
height: 0;
overflow: hidden;
margin: 0;
padding-bottom: 100%; /* 關(guān)鍵就在這里 */
}
查看W3C上padding的屬性
% 規(guī)定基于父元素的寬度的百分比的內(nèi)邊距翠拣。