div.category{
width:33%;
padding:33% 0 0;
}
1、關鍵在padding:33% 0 0這句代碼，通過設置padding-top與寬度相等（padding使用百分比時，padding-top和padding-bottom使用的也是寬度的百分比，而不是高度的！！！），使div變成正方形。
2、這樣設置后，還有問題，div里的內容都被擠到底部了。另外考慮div里文字本身的高度，修改為：
div.category{
width:33%;
padding:14% 0 14% 0;
}
結果：
